记录一些element-puls错误操作产生的bug

起因是在使用文件上传的时候,需要返回提示于是使用了ElMessage

在这里插入图片描述

可以看到这里这里测试成功

在这里插入图片描述

到了这里事情开始不对劲了,因为我并没有注册全局的ELMessage组件,这里使用需要单独引入才对,更神奇的是他把我的全局样式都给改了,用回

了ele的蓝色,下图才是我定义的主题色

在这里插入图片描述

故事到这里还没结束,查看了main.js我发现原来在这里引入element-puls的相关文件,我不需要全局直接删了
在这里插入图片描述

再次点击果然没信息弹出了,终于对了。但是这个页面的颜色还是没变回来,看了其它页面都好了啊,这就好办了。

最后排除了所有东西发现问题出在这句代码上,当你使用了el-message的组件,如果你在全局引用了elements-puls的相关样式文件,但是你如果不在当前页面引用这句:

import { ElMessage } from 'element-plus';

它不会报错但是会把你之前准备的一些样式文件覆盖掉强制全局换回elements-puls的样式文件

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值