vue实现ElementUI Table的全选、反选、取消,不生效
vue实现ElementUI Table的全选、反选、取消,不生效
xxxxxxxxxx
//操作合并行数据
this.mergeProcedureRowData = row;
//反选之前选中的复选框
if (row.mergeProcedureList) {
const _this = this;
//之前合并工序,选中的工序数据
row.mergeProcedureList.forEach((item) => {
let element = this.mergeProcedureList.filter(e => e.technologuCode === item.technologuCode);
if (element.length > 0) {
//指定选
setTimeout(function () {
_this.$refs.mergeTable.toggleRowSelection(element[0]);
}, 100);
//全选
//this.$refs.mergeTable.toggleAllSelection();
}
});
}
踩坑:
setTimeout这个函数必须使用,延时调用反选代码,否则只有全选toggleAllSelection
才会生效,toggleRowSelection
反选不生效。
本文作者:Journey&Flower
本文链接:https://www.cnblogs.com/JourneyOfFlower/p/15908395.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步