vue中删除表格中的一行记录后,如何让表格更新(性能优化)

在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)
}
},

猜你喜欢

转载自blog.csdn.net/cocogogogo/article/details/124348306