在vue项目中，使用el-table实现树形表格时，需要实现点击子节点输出其父节点数据的功能。通过遍历tableData，检查每个节点是否存在子节点，并与点击的节点进行对比，当匹配时输出父节点信息。此功能适用于需要展示层级关系的数据场景。
el-table 树形表格 点击子节点输出该子节点的父节点数据
el-table 树形表格 点击子节点输出该子节点的父节点数据
如图，点击1输出2的数据。代码如下：
rowClick(row, column, event) {
//遍历整个table数据
this.tableData.forEach((item) => {
//判断该行是否有子节点
if ("children" in item) {
//遍历子节点
item.children.forEach((item2) => {
//判断该节点是否为我点击的节点
if (item2 == row) {
console.log(item);//输出父节点
}
});
}
});
},
思路就是，遍历整个tabledata，找到子节点和你点击的节点一样的。然后输出父节点。
el-table 树形表格 点击子节点输出该子节点的父节点数据相关教程
vue-json-excel导出excle表格
vue-json-excel导出excle表格 文档地址 名称 类型 描述 默认值 data Array 要导出的数据。 fields Object 您要导出的JSON对象中的字段。如果未
最低0.47元/天 解锁文章
扫一扫
1884
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
