关于vue.js:Vue-element-UI-页面刷新自动弹出message的问题

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理