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

485 阅读1分钟

原文章地址: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)删掉,才不会自动弹出提示框