解决elementUi 的cascader 组件的点击lab选项问题

1,424 阅读1分钟

image.png

由于产品不想要前面的单选框,还要实现点击lable即可选中效果

看了n多方案前面的单选框不知道怎么隐藏,但是点击lable即可选中效果还是很简单。

原理:elementUI这个组件的change事件是放在前面的radio上,而redio后面的这个span并没有注册事件
那只要在span上手动注册组件去调用radio的事件就行了。

     setInterval(function () { 
        document.querySelectorAll('.el-cascader-node__label').forEach(el => {
        el.onclick = function () { 
        if (this.previousElementSibling) this.previousElementSibling.click()
       }
      }) 
     }, 1000) 
    },

大功告成!