原先用的是@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利用:row-style="rowClass"设置指定行变色
el-table表格显示selection多选时对某些复选框设置禁止选中
el-table表格实现多选功能(全选/指定选中/取消选中)
上面是“el-table 单项type="selection"出现数据错乱解决”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_1979.html
workflows工作流
- 一个穿过泥泞雷区的士兵ComfyUI工作流
- 一只沮丧的卡通小丑鱼ComfyUI工作流
- 未来椅子3D产品ComfyUI工作流
- 一个浑身皮毛看起来像丘巴卡的3d动漫人物
- 一个迷人而丰满的女巫和一只黑猫骑着飞天扫帚
- 一个戴着破旧莎草帽的机械忍者
- 一颗翡翠玉雕盆栽树comfyui工作流
- 在白雪覆盖的广阔平原上两只可爱的小猫
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!