el-cascader 級聯選擇器中選中任意一級去掉圓形按鈕
阿新 • • 發佈:2020-09-02
參考1:https://blog.csdn.net/weixin_42333170/article/details/104007876
問題: elementui中,級聯選擇的樣式有個按鈕,產品要求去掉
我想去掉按鈕,把按鈕事件在點選後面value對應的事件裡觸發就完事了.
然而我想多了,翻遍了element的文件,就是沒看到對應的事件,索性看下原始碼
原來那個change事件就是在radio註冊的事件
而redio後面的這個span並沒有註冊事件.
那就簡單了,在這個span上註冊事件去呼叫radio的事件就可以了
mounted () {
setInterval(function () {
document.querySelectorAll('.el-cascader-node__label').forEach(el => {
el.onclick = function () {
if (this.previousElementSibling) this.previousElementSibling.click()
}
})
}, 1000)
},
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
再把按鈕隱藏了
.el-radio {
color: #606266;
cursor : pointer;
visibility: hidden; // 加上這一行
margin-right: 30px;
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
大公告成,看效果
參考2:https://blog.csdn.net/cc25485697/article/details/107164094?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase