vue-treeselect及el-tree点击节点获取上级节点的数据方式

    @node-contextmenu="rightClick"
    // 节点右击事件 */
    rightClick(MouseEvent, object, Node, element) {
      console.log(Node, "Node"); 
    },

 @select="(node) => treeHandleSelect(node)"

  treeHandleSelect(node, e) {  
      // 获取节点上一节点
      //this.expendTree树数据源，node.pid当前节点的父id，this.dealPartytree处理数据的方法
      const obj = this.dealPartytree(this.expendTree, node.pid);
      //obj就是处理完后返的父节点，然后直接拿自己需要的东西即可
      this.partymember.branch = obj.name;
      this.partymember.branchId = obj.id;
    },

    // 获取节点上一节点
    dealPartytree(arr, id) {
      let obj = {};
      const dep = (data, nodeId) => {
      //循环树数据源，用当前项的id和父id对比，相同就赋值，不相同就递归，相当于遍历了整棵树
        for (let v = 0; v < data.length; v++) {
          if (data[v].id === nodeId) {
            obj = data[v];
          } else if (data[v].children) {
            dep(data[v].children, nodeId);
          }
        }
        return obj;
      };
      obj = dep(arr, id);
      return obj;
    },

<el-row>
   <el-col :span="24"  v-if="form.parentId !== 0">
     <el-form-item   label="上级字典" prop="parentId">
       <treeselect v-model="parentId" :options="dictOptions"  />
     </el-form-item>
   </el-col>
 </el-row>

<el-col :span="24" >
  <el-form-item   label="上级字典" prop="parentId">
    <treeselect v-model="parentId" :options="dictOptions"  />
  </el-form-item>
</el-col>