VUE数组根据索引删除数据,页面同时更新的方法
项目场景:
例如:做了一个进制转换的工具,点击删除的时候需要表格实时进行更新。
问题描述
例如:尝试了使用 this.$set 但是还是有问题。有时候会导致更新失败
解决方案:
最后查了一会资料发现 this.tableData.splice(this.tableData.indexOf(index),1) 是最有效果的
代码如下:
// 删除某个记录 handleDelete(index, row) { // 尝试的第一种方法:(这个是错误的!!!会导致有时候失效) // let arr = this.tableData // for(var i=index,len=arr.length-1;i<len;i++) { // arr[i]=arr[i+1] // } // arr.length = len // this.tableData = Object.assign({}, this.tableData, arr) //this.tableData = arr //this.$set(this.tableData, arr) // 这样才有效果 this.tableData.splice(this.tableData.indexOf(index),1); }
上一篇:
IDEA上Java项目控制台中文乱码