原先用的是@selection-change="selectionLineChangeHandle",发现会出现数据错乱,选中下一条获取的数据还是上一条。解决方法如下:
template代码
//把下面语句
el-table @selection-change="selectionLineChangeHandle" ref="table"
//改成
el-table @select="(selection, row) => {selectionLineChangeHandle(selection, row);}" ref="table"
js代码
//选中事件
selectionLineChangeHandle(selection, val) {
// 单选
this.dataonLineListSelections = [];
if (selection.length > 1) {
this.$refs.table.clearSelection();
this.$refs.table.toggleRowSelection(selection.pop());
}
if (selection.length > 0) {
this.dataonLineListSelections.push(val);
}
}
在列表接口中清空dataonLineListSelections
以上是编程学习网小编为您介绍的“el-table 单项type="selection"出现数据错乱解决”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:el-table 单项type="selection"出现数据错乱解决


基础教程推荐
猜你喜欢
- 解析使用useDark(),发现transition 动画失效 2023-07-09
- JS中对Cookie的操作详解 2024-01-30
- 什么是cookie?js手动创建和存储cookie 2024-01-30
- CSS实例:超酷的网站导航按钮 2023-12-11
- 如何开发一个渐进式Web应用程序PWA 2023-12-18
- 浅谈JavaScript中你可能不知道URL构造函数的属性 2024-01-06
- 网页布局入门教程 如何用CSS进行网页布局 2023-12-12
- ajax实现页面加载和内容删除 2023-01-31
- CSS3+Js实现响应式导航条 2024-01-24
- 脚本收藏iframe 2024-01-07