最近一个需求在使用到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;
}

如有不对的地方欢迎指正

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐