100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > element-ui Cascader 级联选择器 点击label选中

element-ui Cascader 级联选择器 点击label选中

时间:2021-09-22 13:47:27

相关推荐

element-ui Cascader 级联选择器 点击label选中

在官网中我们可以看到Cascader 级联选择器,选择任意一级选项时,只有选中radio时才能选中数据,点击label不能选中数据

解决方法:

方法一:定时器 不推荐 消耗性能

mounted () {// 点击文字的时候也自动选择radio标签 不推荐此用法setInterval(function () {document.querySelectorAll('.el-cascader-node__label').forEach(el => {el.onclick = function () {if (this.previousElementSibling) this.previousElementSibling.click()}})}, 1000)}

方法二:修改样式

注意:el-cascader-panel 是直接挂载在body上的,所以需要全局设置

.el-cascader-panel .el-radio{width: 100%; height: 100%;z-index: 10; position: absolute; top: 10px; right: -10px; } .el-cascader-panel .el-radio__input{visibility: hidden; //隐藏单选框,不隐藏就不用设置} .el-cascader-panel .el-cascader-node__postfix{top: 10px; }

el-cascader 多选下 单击label选中:我还没试,但我百度了一下…地址:/StrongerIrene/article/details/125106754

参考地址:/WorldEye/p/14006517.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。