elementui引入弹出框报错:this.$alert is not defined 解决方案

1.按需引入文件element.js

elementui引入弹出框报错:this.$alert is not defined 解决方案_第1张图片

注意:引入Message,MessageBox两个组件就行,alert包括在MessageBox里面了。

之前我引入了Alert组件,发现不行

2.在vue的prototype里注册伪名字

elementui引入弹出框报错:this.$alert is not defined 解决方案_第2张图片

3.组件里直接调用就行了

elementui引入弹出框报错:this.$alert is not defined 解决方案_第3张图片

4.实现效果

elementui引入弹出框报错:this.$alert is not defined 解决方案_第4张图片

我发现elementui调用弹出框的时候,有一个bug。一旦引入MessageBox组件后,使用Vue.use(MessageBox)后,会出现加载页面后,弹出空窗异常。

elementui引入弹出框报错:this.$alert is not defined 解决方案_第5张图片

原因是多写了这个代码

elementui引入弹出框报错:this.$alert is not defined 解决方案_第6张图片

注释掉就正常了

elementui引入弹出框报错:this.$alert is not defined 解决方案_第7张图片

elementui引入弹出框报错:this.$alert is not defined 解决方案_第8张图片

你可能感兴趣的:(elementui,前端,javascript)