el-cascader 一级单选二级多选

最新推荐文章于 2024-03-20 15:50:35 发布

不完美女孩-

最新推荐文章于 2024-03-20 15:50:35 发布

阅读量793

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/LJJONESEED/article/details/129851650

版权

 <el-cascader v-model="postValue" expand-trigger="hover" :options="postOptions"  popper-class="disableFirstLevel" :props="props" ref='postSelectRef' @change='postValueChange'></el-cascader>

shareScopeEnd: [],

postValueChange(value) {
      let changeFlag = false;
      let nowItem = [];
      let firstItem = [];
      if (this.shareScopeEnd.length == 0) {
          this.postValue = value;
      } else {
          // 与原数组比对
          this.postValue.forEach((item) => {
              if (item[0] !== this.shareScopeEnd[0][0]) {
                  // 一级标签不同
                  changeFlag = true;
                  firstItem.push(item);
              }
          });
      }
      if (changeFlag && firstItem.length) {
          this.postValue = firstItem;
      } else if (!changeFlag && nowItem.length) {
          this.postValue = nowItem;
      }
      this.shareScopeEnd = this.postValue;
  },


.disableFirstLevel {
    .el-cascader-panel {
        .el-scrollbar:first-child {
            .el-checkbox {
                display: none;
            }
        }
    }
}