element的tree树形实现单选

效果图：

代码：

                           <el-tree
                            :data="treeData"
                            show-checkbox
                            node-key="id"
                            :props="defaultProps"
                            check-strictly
                            @check-change="handleClick"
                            ref="treeForm"
                          ></el-tree>

//选择上级单位
    handleClick(data, checked, node) {
      this.i++;
      if (this.i % 2 === 0) {
        if (checked) {
          this.$refs.treeForm.setCheckedNodes([]);
          this.$refs.treeForm.setCheckedNodes([data]);
          //交叉点击节点
        } else {
          this.$refs.treeForm.setCheckedNodes([]);
          //点击已经选中的节点，置空
        }
      }
      //将获取的值赋值给输入框
      let res = this.$refs.treeForm.getCheckedNodes()
      let arr = []
      res.forEach((item) => {
        arr.push(item.label)
      })
      console.log(arr.toString())
      this.form.sort = arr.toString();
    },