element-ui 进入页面 message 自动触发的问题

 

在按需引入 element-ui 组件的 message 时候，每次进入页面的会自动出现 message 提示，

解决方法：
 
通过加载组件的方式引入即可
 
把 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就会造成的打开页面就弹窗的问题

 

转载