vue中调用element-ui el-table树形数据中如何获取选定行的父节点

最新推荐文章于 2024-06-24 15:50:40 发布

爱搞事的程小猿

最新推荐文章于 2024-06-24 15:50:40 发布

阅读量2.7k

点赞数

文章标签： vue.js javascript 前端 elementui

本文链接：https://blog.csdn.net/adsd1233123/article/details/129733832

版权

在Vue项目中，当使用Element-UI的el-table组件处理树形数据时，可以使用递归函数来获取选定行的父节点。getTreeTableParentRow方法通过遍历baseRow的children，对比每一项是否等于点击的row，从而找到父节点。在handleClickRow事件中，遍历tableData调用此方法来获取结果。

摘要由CSDN通过智能技术生成

vue中调用element-ui el-table树形数据中如何获取选定行的父节点

核心在于使用递归遍历

getTreeTableParentRow(baseRow, row) {
      let prow = null;
      let children = baseRow.children;
      if (children && children.length > 0) {
        children.forEach((item) => {
          if (row == item) {
            prow = baseRow;
          } else {
            prow = this.getTreeTableParentRow(item, row);
          }
        });
      }
      return prow;
    },

// 获取到点击
handleClickRow(row) {
let prow = {};
      this.tableData.forEach((item) => {
        prow = this.getTreeTableParentRow(item, row);
        if (prow) {
          return;
        }
      });
    },