VUE+Elment el-cascader二级菜单点击lebel即可选中复选框

Apathy0_0

于 2024-07-03 10:02:40 发布

阅读量164

点赞数 2

分类专栏： vue前端文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/Apathy0_0/article/details/140144366

版权

vue前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

el-cascader级联选择器的二级菜单中，实现点击lebel即可选中复选框，
只需在mounted中加入以下代码即可：

  mounted() {
    // Cascader 级联选择器: 点击label标签即可选中复选框
    setInterval(function() {
      document.querySelectorAll('.el-cascader-node__label').forEach(el => {
        el.onclick = function() {
          if (this.previousElementSibling) this.previousElementSibling.click();
        };
      });
    }, 500);
  },