最近一个需求在使用到Element UI Cascader级联选择器中的选择任意一级选项这个组件的时候,这个组件在最新2.13版本的时候前面多了一个圆圈,只有点击圆圈的时候才代表选中,点击文字不会被选中,而我的需求是需要点中文字则选中,经过爬坑总结出一个方法,简单的说就是改变前面圆圈的样式来进行实现的,现记录一下,上代码
.el-cascader-panel .el-radio {
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
top: 0px;
right: 10px;
}
.el-cascader-node__label {
width: 157px;
}
.el-cascader-panel .el-radio__input {
visibility: hidden;
}
.el-cascader-panel .el-cascader-node__postfix {
top: 10px;
}
如有不对的地方欢迎指正