element-ui Tree控件, 如何获取父节点的ID?

当点击节点时, 如何获取到父节点的ID? 在官网api中没有专门获取到父节点的事件, 通过绑定getNode方法可以获取到当前点击数据, 但是将父节点的ID进行存储, 网上大部分都说通过改源码来操作, 但是项目上线源码提交又是一个问题, 有没有更好一点的解决方法?

<el-tree ref="tree" :data="privilegeList" show-checkbox node-key="id" :default-checked-keys="jurisdictionId" :default-expand-all="true" :props="defaultProps" @check-change="getNode">
</el-tree>

methods: {
    // 这种方式可以获取到点击时的ID, 但是将父节点的ID进行存储
    getNode(data) {
        console.log("data", data.id);
    },
    // data数据
    getJurisdictionZtree() {
        this.$http.get(this.$api.privilege).then(res => {
        this.privilegeList = res.data.data.privilegeList;
        console.log('data', this.privilegeList);
      });
    }
}

clipboard.png

clipboard.png

clipboard.png

第一张图是点击添加时候, 下面打印是跟第一张图的父节点ID对应, 通过一个空数组来存放当前点击ID, 无法进行存储, 只能存储一个
第三张图是获取到data中的数据

阅读 13.8k
3 个回答

tree事件函数里面可以有2个参数,一个是val,一个是node。
其中node.parent就是父级信息啊。

  • 获取父节点:node.parent
  • 获取祖先节点:循环遍历 node.parent,直到值为 null

数据的话应该有parent,我做的时候是去直接查pid如果有就保存

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题