VUE项目中同时引入Antd 和ElementUI 组件样式异常解决方案
根据需求同时引入了Antd 和 ElementUI 导致部分地方组件使用Antd的$confirm 和$message组件时,由于elementUI中也存在同名的组件,导致页面样式异常。直接引用element,组件显示会报错.给antd的组件改名Vue.use(Antd)Vue.prototype.$antdconfirm = Vue.prototype.$confirm使用的时候:this.$a
·
根据需求同时引入了Antd 和 ElementUI 导致部分地方组件使用Antd的$confirm 和$message组件时,由于elementUI中也存在同名的组件,导致页面样式异常。
直接引用element,组件显示会报错.
给antd的组件改名
Vue.use(Antd)
Vue.prototype.$antdconfirm = Vue.prototype.$confirm
使用的时候:
this.$antdconfirm({....
修改之后,显示的效果:
篇外话
相信大多数人无论在学习还是工作中都或多或少遇到过一些效率低下的情景:
- 永远有做不完的工作、开不完的会,自己的精力又十分有限,十分焦虑事情做不完怎么办
- 明明有很多事情要做,却无法集中注意力,不断切换处理不同的事情,时间和精力在大量内耗中被消耗掉,实际的输出效率十分低下
- 要做的事情越多拖延症越严重,面对繁多的任务不知如何下手,时间快速流逝,临近deadline的时候突然发现什么都没做
感同身受的,欢迎你加我微信:产品界的007,我们一起探讨。
更多推荐
已为社区贡献2条内容
所有评论(0)