Vue.js 从Quasar表中删除特定行
我阅读了Quasar的文档,但没有看到任何从表中删除特定行的指令。例如,如何从表中删除选定行? 我想知道如何在脚本部分而不是HTML段中执行此操作。您可以通过使用行的索引来使用拼接来删除行Vue.js 从Quasar表中删除特定行,vue.js,vuejs2,vue-component,quasar-framework,quasar,Vue.js,Vuejs2,Vue Component,Quasar Framework,Quasar,我阅读了Quasar的文档,但没有看到任何从表中删除特定行的指令。例如,如何从表中删除选定行? 我想知道如何在脚本部分而不是HTML段中执行此操作。您可以通过使用行的索引来使用拼接来删除行 methods:{ deleteSelected(){ let self = this; this.selected.filter(function(item){ self.data.splice(self.data.indexOf(item), 1);
methods:{
deleteSelected(){
let self = this;
this.selected.filter(function(item){
self.data.splice(self.data.indexOf(item), 1);
return item;
});
this.selected = [];
},
deleteval(index){
console.log(index)
this.data.splice(index, 1);
console.log(this.data)
}
}
<template v-slot:top-right>
<q-btn
color="primary"
icon-right="delete_forever"
no-caps
@click="deleteSelected"
/>
</template>
<template v-slot:body-cell-action="props">
<q-td :props="props">
<q-btn
color="negative"
icon-right="delete"
no-caps
flat
dense
@click="deleteval(data.indexOf(props.row))"
/>
</q-td>
</template>
工作代码笔-您可以通过使用行的索引来删除行,从而使用拼接
methods:{
deleteSelected(){
let self = this;
this.selected.filter(function(item){
self.data.splice(self.data.indexOf(item), 1);
return item;
});
this.selected = [];
},
deleteval(index){
console.log(index)
this.data.splice(index, 1);
console.log(this.data)
}
}
<template v-slot:top-right>
<q-btn
color="primary"
icon-right="delete_forever"
no-caps
@click="deleteSelected"
/>
</template>
<template v-slot:body-cell-action="props">
<q-td :props="props">
<q-btn
color="negative"
icon-right="delete"
no-caps
flat
dense
@click="deleteval(data.indexOf(props.row))"
/>
</q-td>
</template>
工作代码笔-为什么使用props.row对象在array.splice中工作,而array.splice期望第一个参数为int?我在splice中使用了index not object。@单击=deletevalprops.row此处props.row是对象,对吗?是的,props.row是对象so->@click=deletevalprops.row->deletevalindex{->this.data.spliceindex,1;->您正在将一个对象作为拼接第一个参数传递,对吗?为什么在array.splice中使用props.row对象工作,它期望第一个参数为int?我在拼接中使用了index not object。@click=deletevalprops.row这里props.row是一个对象,对吗?是的props.row是ObjectSo->@click=deletevalprops.row->index{->this.data.spliceindex,1;->您正在将对象作为第一个参数传递,对吗?