在Vue中创建全局通知时出现Uncaught TypeError:$ notify

时间:2018-09-18 11:48:23

标签: vue.js vue-component

我正在执行此处的步骤。https://vuejsfeed.com/blog/notification-library-for-vue-js运行正常。 我想使其成为全局函数,这就是我所做的。

组成部分是这个

<template>
<notifications group="app" position="bottom center" width="400"/>    
<button @click="testing">notify</button>

</template>
<script>
import { notificate } from '../../general-functions/notification';

export default {
methods: {

    testing () {
      notificate('msg-title','<p><b>How about No?</b></p>','error')
    }
}
}
</script>

我的通知功能是这样的。

export function notificate (title,text,type){

this.$notify({
        group: 'app',
        title: title,
        text: text,
        type: type,
        speed: 3000
      })
    }

在按钮上单击错误,如下所示

Uncaught TypeError: Cannot read property '$notify' of undefined

0 个答案:

没有答案