vue Element Plus Cascader级联选择器点击标签选中复选框

element-plus原功能

element-plus的Cascader级联选择器点击标签时是不会选中复选框的,我们想要实现点击标签时也能选中复选框这个效果,那么就要用到一些原生的方法

实现效果

  mounted() {
    // Cascader 级联选择器: 点击文本就让它自动点击前面的input就可以触发选择。
    setInterval(function() {
      document.querySelectorAll('.el-cascader-node__label').forEach(el => {
        el.onclick = function() {
          if (this.previousElementSibling) this.previousElementSibling.click();
        };
      });
    }, 1000);
},

最近更新

  1. TCP协议是安全的吗?

    2024-01-12 09:30:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-12 09:30:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-12 09:30:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-12 09:30:03       18 阅读

热门阅读

  1. 基于STM32设计的智能饮水机(微信小程序)

    2024-01-12 09:30:03       37 阅读
  2. jw01-v2.2三合一传感器使用方法:esp8266,arduino

    2024-01-12 09:30:03       30 阅读
  3. Go 语言 panic 和 recover 详解

    2024-01-12 09:30:03       26 阅读
  4. Linux常用命令

    2024-01-12 09:30:03       28 阅读
  5. RLT8762D Timer模块

    2024-01-12 09:30:03       26 阅读