vue中删除表格中的一行记录后，如何让表格更新（性能优化）

2024年5月8日 183次阅读 来源: cocogogogo

在vue中，我们点击删除按钮发送请求删除了表格中的一行记录，这时候数据库中已经删除了，但是页面还没更新，所以我们常常发送请求重新获取表单数据，这样页面也就会更新了。
但是如果使用这种做法，那么每次删除将会发两次请求，所以我们可以在删除后不进行重新获取数据，而是将原本的数据中的一行删除，这样也可以做到更新数据

// 删除
async deleteCategory(index) { 
let result = await deleteCategory({ _id})
if(result.code === 200){ 
  // 不发请求更新页面 
  this.categoryList.splice(index, 1)
  this.$message.success(result.message)
}else{ 
  this.$message.error(result.message)
}
},
    原文作者：cocogogogo
    原文地址: https://blog.csdn.net/cocogogogo/article/details/124348306
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞