解决再局部页面el-cascader设置级联框高度失效问题

博客围绕Vue级联框样式修改问题展开。最初在scoped中直接修改级联框对应class,即便用样式穿透也不生效。解决办法一是在当前页面新建不带scoped的style使样式生效,二是在el - cascader中添加popper - class属性修改样式,且都要写在新建style模块中,新建style放原scoped样式后。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述:一开始思路再scoped直接修改级联框对应class,即使使用样式穿透也不生效。

 解决方法:在当前页面新建一个不带scoped的style,发现样式生效了!

        或者在el-cascader中添加popper-class属性修改样式

 

注意:两种方式都需要写在新建的style模块中,新建的style需放在原scoped样式后面!

总结:可能使用了scoped加了随机动态属性之后导致整个组件无法整体渲染,即使只用deep穿透也没用,所以我们新建一个style来解决问题!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值