1. 程式人生 > 實用技巧 >el-cascader 級聯選擇器中選中任意一級去掉圓形按鈕

el-cascader 級聯選擇器中選中任意一級去掉圓形按鈕


參考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