很多实际业务和需求在用element表格的时候其实是需要用到可展开的表格的,例如我最近遇到的一个需求
章下面会分为很多节,如果我编辑的是节类型的话,那我需要同时传递章ID和节ID,这个时候我就需要拿到这一节的章的ID,代码来说就是我需要拿到点击的当前行的父级数据
rowClick(val){
this.tableData.forEach((item) => {
//判断该行是否有子节点
if ("classList" in item) {
//遍历子节点
item.classList.forEach((item2) => {
//判断该节点是否为我点击的节点
if (item2 == val) {
// console.log(item2)
// 章ID
this.chapterId = item.id
}
});
}
});
}
// classList 是数据的子节点的集合名称,可以根据实际字段自己修改,item2即点击的这一条数据。item就是我们要拿到的父级的数据了