element-ui的message-box进入页面默认弹出

Question

使用element-ui的message-box时候，为什么刚刚进入页面页面就默认显示出了部分message-box中的内容？？？？
怎么解决？？

点击某个按钮触发的时候可以正常显示

Answer 1

Vue.use(MessageBox.name, MessageBox);
换成
Vue.component(MessageBox.name, MessageBox);

希望能帮到你

Answer 2

引入组件的时候不要用Vue.use(MessageBox)，而是挂载到原型上Vue.prototype.$msgbox = MessageBox;

Answer 3

我亲自遇到这个问题并且解决了。
出现原因：在main.js主js文件中全局引入了element-ui后，又在其余组件按需引入了Message组件，导致Message组件多次被加载
解决办法：去除所有子组件的按需引入Message
亲测有效！

Answer 4

把相关代码贴出来，之前我遇到过这个问题，忘了怎么回事了。（确保和Element例子中的用法一样）

Answer 5

这个是全局加载的问题，按照正常的use(MessageBox)就好了，但是要在前面加一个这样的方式
MessageBox.install = function (Vue, options) {
Vue.prototype.$confirm = MessageBox.confirm;
}

Answer 6

也遇到了这个问题。
在官方文档中已经有描述：
组件的引入使用:
Vue.use(Button);

插件(方法)的引入使用：
Vue.prototype.$message = Message;
Vue.prototype.$alert = MessageBox.alert;

详见官方文档：
https://element.eleme.cn/#/zh...
按需引入下的-——完整组件列表和引入方式

Answer 7

我也遇到了同样的问题