原文章地址:blog.csdn.net/jerryyang_2…
解决方法:
通过加载组件的方式引入即可
把 Vue.use(Message) 改为 Vue.prototype.$message = Message 或 Vue.component(Message.name,Message) ;
注意:
使用单独使用Message和MessageBox的时候,只要import { Message } from 'element-ui';就好了,不需要使用Vue.use(Message)
或者用 vue 写的项目,几个组件都要用 Message,直接在 main.js 写 import from 'element-ui' 后在写 Vue.prototype.$message = Message 就好了,不用每个组件都写一次 import from 'element-ui',
如果是组件单独引用,Message和MessageBox这两个特殊的组件是不需要使用Vue.use的,如果用了Vue.use就会造成的打开页面就弹窗的问题
PS:写了Vue.prototype.$message = Message之后,也要把原先的Vue.use(Message)删掉,才不会自动弹出提示框