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();
    },