前景提要
Element-ui table splice 移除数组元素 页面只会删除最后一行 视图和数据不对等
0 [待解决问题] 搭建Vue后台,用了 vue-element-admin 开源项目,里面的Element-ui table表格删除元素视图更新有误 <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%"> <el-table-column align="center" label="Actions" width="120"> <template slot-scope="scope"> <el-button-group> <el-button type="danger" size="small" icon="el-icon-delete" @click="deleteList(scope.row.id, scope.$index)" /> </el-button-group> </template> </el-table-column> </el-table> </el-table> 这里我要删除操作,移除一行数组,于是获得了id和数组index deleteList(id, index) { console.log(index) this.list.splice(index, 1) } 操作完后,list数组是移除正确的,但是视图上把表格最后一行移除了,我很奇怪,难道element-ui的table遍历的数组对象不是我传递的list?不管我删除哪一个,视图上照样删除最后一行,甚至我重新调用接口赋值list也不行,视图和数据不对等 Vue element-ui 遗失的美好灬 | 菜鸟二级 | 园豆: 210
提问于:2020-06-24 14:47 是不管移除数组下标第几个,控件上都只移除最后数组中最后一个数据? – Mr丶Yan 1个月前 @Mr丶Yan: 是的,我上了个厕所好了,期间重新编译了一下 – 遗失的美好灬 1个月前 显示帮助
使用"Ctrl+Enter"可进行快捷提交,评论支持部分 Markdown 语法:[link](http://example.com) _italic_ **bold** `code`。
< > 分享
分享您的问题
所有回答(1) 0 解决办法:上个厕所 遗失的美好灬 | 园豆:210 (菜鸟二级) | 2020-06-24 16:39 编辑文本 预览 上传图片
Ctrl+Enter键快速提交
清除回答草稿
您需要 登录 以后才能回答,未注册用户请先 注册 。