elementui el-table表格展開行秦效，對(duì)當(dāng)前展開行內(nèi)容進(jìn)行修改刪除操作時(shí)雏蛮，要當(dāng)前行默認(rèn)展開
方式一 上代碼
<el-table
v-loading="listLoading"
:data="list"
:row-key="getRowKeys"
border
style="width: 100%"
:expand-row-keys="expandednewarr"
>
根據(jù)情況使用唯一值
getRowKeys(row) {
return row.user.uid;
},
接口中
deleteItem(item, i) {
const data = {
id: [item.cart_id],
};
batchDelete(data).then((res) => {
this.$message({
message: "刪除成功",
type: "success",
});
this.getList();
this.expandednewarr.push(this.list[i].user.uid);
});
},
方式二 上代碼
<el-table
v-loading="listLoading"
:data="list"
:row-key="getRowKeys"
border
style="width: 100%"
@expand-change="expandChange"
:expand-row-keys="expandednewarr"
>
根據(jù)情況使用唯一值
getRowKeys(row) {
return row.user.uid;
},
change事件改變
expandCHange(row, expanded) {
this.expandednewarr = [];
expanded.map((item) => this.expandednewarr.push(item.id));
},
