参考文章： https://segmentfault.com/a/1190000041379614
问题:
在项目中,每次刷新页面就出弹出一个message并且是没有内容的,全局查找发现自己也没有在项目中使用过message,只是引入了这个组件,发现一旦注释引入就没有问题了,这时定位出问题是在组件引入的时候出现的问题
import Vue from 'vue'
import {
...
Message,
...
} from 'element-ui'
[
...
Message, //这里注释就不会有问题了
...
].forEach((item)=>{
Vue.use(item)
})
Vue.prototype.$message = Message
解决办法
通过加载组件的方式引入使用
把下面的这种方式
Vue.use(Message)
改为
Vue.component(Message.name,Message)
注意:
组件(component)是用来构成你的App的业务模块的,他的目标是APP.vue.
插件(Plugin)是用来增强你的技术栈的功能模块,他的目标是Vue本身.
网友评论