简单说下我的页面情况,页面使用了3个UI库,element-ui,Mint-ui以及vue-impression。
问题描述:
element-ui的弹出框突然失效,element-ui的Message Box失效。
代码:this.$alert('请填写金额!', '系统提示', {confirmButtonText: '确定',});
错误提示:
无法在字符串上创建属性标题。
最后打开错误,发现里面的内容和element-ui弹框的源码不一致,也就是说,这个this指错了,所以弹框失效了。
在我逐一排查之后,发现,由于我是用了多个UI库,并且都是全局注册,因为注册的顺序不一致,导致指向错误。
所以这里建议大家,能局部引用的尽量不要全局注册,全局注册不仅仅会遇到我这种奇葩问题,也会在你打包时造成打包文件过大的问题。