原先用的是@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工作流
图生图工作流:一键转换成高清动漫照片
一只可爱的雪豹在雪地里散步ComfyUI工作流
奇幻绘画风格:一只巨大蜗牛ComfyUI工作流
一只可爱的猫骑着一匹可爱的马ComfyUI工作流
一个戴着破旧莎草帽的机械忍者
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!