vue中因为引用多个UI库导致弹出框失

简单说下我的页面情况,页面使用了3个UI库,element-ui,Mint-ui以及vue-impression。

问题描述:

element-ui的弹出框突然失效,element-ui的Message Box失效。

代码:this.$alert('请填写金额!', '系统提示', {confirmButtonText: '确定',});

错误提示:


无法在字符串上创建属性标题。

最后打开错误,发现里面的内容和element-ui弹框的源码不一致,也就是说,这个this指错了,所以弹框失效了。

在我逐一排查之后,发现,由于我是用了多个UI库,并且都是全局注册,因为注册的顺序不一致,导致指向错误。

所以这里建议大家,能局部引用的尽量不要全局注册,全局注册不仅仅会遇到我这种奇葩问题,也会在你打包时造成打包文件过大的问题。



评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值