elementUI级联选择器cascader可以选择任意一级选项收起

最新推荐文章于 2024-09-19 14:18:45 发布

feifeiwuxian

最新推荐文章于 2024-09-19 14:18:45 发布

阅读量2k

点赞数

分类专栏：前端H5 文章标签： cascader

本文链接：https://blog.csdn.net/feifeiwuxian/article/details/106662501

版权

前端H5 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<el-cascader
// 省略。。。。。。
          ref="elcascader"
          @visible-change="elCascaderOnlick"
          @expand-change="elCascaderOnlick"
        ></el-cascader>

elCascaderOnlick() {
      let that = this;
      setTimeout(function() {
        document.querySelectorAll(".el-cascader-node__label").forEach(el => {
          el.onclick = function() {
            this.previousElementSibling.click();
            that.$refs.elcascader.dropDownVisible = false;
          };
        });
        document
          .querySelectorAll(".el-cascader-panel .el-radio")
          .forEach(el => {
            el.onclick = function() {
              that.$refs.elcascader.dropDownVisible = false;
            };
          });
      }, 100);
    },

参考了如下文章

https://blog.csdn.net/qq_36410795/article/details/100894520