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

问题:

通过加载插件的方式引入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 本身。