element中el-tree樹子節點全部取消,父節點半選的實現

1、模板:

          <el-form-item label="授權" prop="menuIdList">
            <el-tree
              ref="tree"
              class="tree"
              :data="permission"
              :indent="0"
              :empty-text="loading"
              show-checkbox
              node-key="menuId"
              highlight-current
              :props="defaultProps"
              @check-change="checkChange"
            />
          </el-form-item>

2、js實現:

    checkChange(a, b, c) {
      const anode = this.$refs.tree.getNode(a)
      !anode.checked ? this.findchildren(anode.parent) : ''
    },
    findchildren(current) {
      const fnode = this.$refs.tree.getNode(current)
      if (!fnode.isLeaf) {
        fnode.indeterminate = true
        fnode.checked = true
      }
    },

3、示例;
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章