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

6次阅读

共计 421 个字符,预计需要花费 2 分钟才能阅读完成。

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