原先用的是@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"出现数据错乱解决
基础教程推荐
猜你喜欢
- ASP的Error对象知识简析 2024-01-03
- 在vue-cli使用scss 2023-10-08
- 纯css实现鼠标滑过弹出层效果 2023-12-21
- Vue 自定义组件可同时通过属性、插槽设置内容的实施方案 2023-10-08
- 实现CSS圆环的5种方法(小结) 2024-03-31
- JS判断浏览器之Navigator对象 2024-01-05
- js开发中的页面、屏幕、浏览器的位置原理(高度宽度)说明讲解(附图) 2024-01-07
- Vue.js中NaiveUI组件文字渐变的实现 2024-04-26
- uniapp中vuex的应用使用步骤 2022-10-21
- vue修改项目title 2023-10-08