在使用elementUI 中 Message 组件的时候官网是这么说的

全局方法
Element 为 Vue.prototype 添加了全局方法 $message。因此在 vue instance 中可以采用本页面中的方式调用 Message。

单独引用
单独引入 Message:

import { Message } from 'element-ui';
此时调用方法为 Message(options)。我们也为每个 type 定义了各自的方法,如 Message.success(options)。并且可以调用 Message.closeAll() 手动关闭所有实例。

但是我是使用的时候出现问题,就是使用Message组件的页面在刷新页面的时候也会触发然后弹出消息框

然后百度了一下,误打误撞查看到了第二种引用的方法试了一下就可以了,很奇怪。


// 和其他组件一样,一并引入
import { Message} from 'element-ui'

// 在调用 Vue.use 前,给 Message 添加 install 方法
Message.install = function (Vue, options) {
  Vue.prototype.$message = Message
}

// 和所有组件一样,一并进行use
Vue.use(Message)

该方法借鉴与:https://blog.csdn.net/FireBird_one/article/details/79896945