.1 可以选择cascader的任意级别
template:
<el-cascader :props="defaultProps"></el-cascader>
JS->data
defaultProps: {
....
checkStrictly:true
....
},
1.2 隐藏小圆圈问题
核心思路:通过css隐藏小圆圈,并扩大小圆圈的显示范围,然后设置visibility为hidden
.el-cascader-panel .el-radio {
position: absolute;
width:100%;
height:100%;
// border: 1px solid #f00;
right:-10px;
}
.el-cascader-panel .el-radio .el-radio__input {
visibility: hidden;
}
1.3 修改第三方组件库样式穿透问题
修改第三方样式不生效问题解决方案
1.保留现在style scoped标签外,在新建立一个不带scoped的style
2.使用>>>实现样式穿透 不用less或sass情况下
3.使用/deep/实现 通常用在less或sass中