vue のテーブルのレコード行を削除した後、テーブルを更新する方法 (パフォーマンスの最適化)

vueでは、削除ボタンをクリックしてテーブル内のレコード行を削除するリクエストを送信しますが、この時点ではデータベースは削除されていますが、ページは更新されていないため、フォームを取得するリクエストを送信することがよくあります。データが更新されるので、ページが更新されます。
ただし、この方法を使用すると、削除ごとに 2 つのリクエストが送信されるため、削除後のデータの再取得はできませんが、元のデータの 1 行を削除することで、データの更新も行うことができます

// 删除
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