Vue.js 从Quasar表中删除特定行

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);

我阅读了Quasar的文档,但没有看到任何从表中删除特定行的指令。例如,如何从表中删除选定行? 我想知道如何在脚本部分而不是HTML段中执行此操作。

您可以通过使用行的索引来使用拼接来删除行

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;->您正在将对象作为第一个参数传递,对吗?