vue tree禁用和多选变为单选

禁用的话和后台协调一下，参数中多返回一个disabled

多选变单选

在tree结构中加入一个方法

        <el-tree
          accordion
          :data="deptOptions"
          :props="defaultProps"
          show-checkbox
          :expand-on-click-node="false"
          :filter-node-method="filterNode"
          node-key="id"
          @check="handleCheck"
          ref="tree"
          :default-expanded-keys="defaultExpandIds"
          @node-expand="handleNodeExpand"
          @node-collapse="handleNodeCollapse"
          @node-click="handleNodeClick"
        />

方法

nodes.id要与tree中的node-key对应，且必须是唯一不能重复

   handleCheck(nodes, resolve) {
      //nodes节点所对应的对象；resolve选中状态对象
      if (resolve.checkedKeys.length > 0) {
        this.$refs.tree.setCheckedKeys([nodes.id]);
      }
    },