Vue element UI 页面刷新自动弹出message的问题

131 阅读1分钟

问题: 在项目中,每次刷新页面就出弹出一个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本身.