Vue.js 当我已经发送了信息时,如何从表中删除行

Vue.js 当我已经发送了信息时,如何从表中删除行,vue.js,Vue.js,我有一张这样的桌子: 成功的 蒙托 德国福查 成功的 蒙托 德国福查 {{post.branch\u office\u name} ${{formatPrice(post.amount)} {{formattate(post.collection_date)} 我有一个复选框,我按下它,然后点击一个发送按钮,这些行被发送到数据库,但我想在它们被发送后自动删除它们,我如何在发送它们后删除它们 发送checbox的我的vuejs代码: onSubmitCollectionSeat(e){ e、

我有一张这样的桌子:


成功的
蒙托
德国福查
成功的
蒙托
德国福查
{{post.branch\u office\u name}
${{formatPrice(post.amount)}
{{formattate(post.collection_date)}
我有一个复选框,我按下它,然后点击一个发送按钮,这些行被发送到数据库,但我想在它们被发送后自动删除它们,我如何在发送它们后删除它们

发送checbox的我的vuejs代码:

onSubmitCollectionSeat(e){
e、 预防默认值();
让currentObj=这个;
常量配置={
标题:{“内容类型”:“多部分/表单数据”}
}
设formData=new formData();
formData.append('selected',this.selected);
axios.post('/api/transbank_collection_accounting/store?api_token='+App.apiToken,formData,config)
.然后(功能(响应){
currentObj.success=response.data.success;
})
.catch(函数(错误){
console.log(错误);
});
this.$refs.addSeat.reset();//这将清除该表单
这是$$awn.success(“El registro ha sido agregado”{标签:{success:}});
}
您可以将“posts”数组作为计算属性提供。 如果已成功将数组元素发送到数据库,则使用v-for和索引每个表行可以删除数组元素

通过提供“posts”作为计算属性,表应该自动调整

...
 <tr v-for="(post, index) in getPosts" v-bind:index="index">
...
computed: {
  getPosts() {
     return this.posts;
  }
},
data() {
  return {
    posts: ["post1", "post2"],
  }
}
。。。
...
计算:{
getPosts(){
把这封信寄回去;
}
},
数据(){
返回{
职位:[“职位1”、“职位2”],
}
}