vue element-ui 页面刷新自动弹Message问题

问题:
在项目中,每次页面刷新的时候会自动弹出一个通知消息,而且都是没有任何内容,直接弹出,一个一个的排查也不知道问题出在哪儿?最的发现是:该情况只在引入局部插件才会引起

import Vue from 'vue'
import 'element-ui/lib/theme-chalk/index.css'
···
import {
  ...
  Message,
  ...
} from 'element-ui'
...
Vue.use(Message)//注释他就不会弹出,但是不能这么干
...
Vue.prototype.$message = Message

解决办法

通过加载组件的方式引入即可

把下面的

Vue.use(Message)

改为:

Vue.component(Message.name, Message)
  • 组件 (Component) 是用来构成你的 App 的业务模块,它的目标是 App.vue。
  • 插件 (Plugin) 是用来增强你的技术栈的功能模块,它的目标是 Vue 本身。
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页