由于产品不想要前面的单选框,还要实现点击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)
},
大功告成!