当用/deep/想像往常一样修改,会发现不生效,原因在于这个组件和div#app同级了,如果去掉scoped,是最简单的方法,当然,为了不影响全局我们当然不能这么做。
以下是步骤:
1.我们查看组件属性,可以看到这么个东西
有了这个属性,就相当于我们可以加类名了,自定义一个出来了,因此:
<el-cascader
v-model="form[item.model]"
:options="item.options"
placeholder="请选择"
popperClass="multi-choose">
</el-cascader>
2.另外开一个没有scoped的style:
<style lang="less" >
// 级联选择器样式
.multi-choose{.el-cascader-panel {font-size: 2vh!important;}.el-cascader-menu{}
}
</style>
参考:Element组件Cascader、DatePicker、Select修改局部样式,不影响全局的方式_el-cascader能自定义el-option-CSDN博客