从 Quasar 的 table 中删除特定行

Question

我阅读了 Quasar 的文档，但没有看到任何从 table 中删除特定行的说明。例如，如何从 table 中删除选定的行？我想知道如何在脚本部分而不是在 HTML 段中做到这一点。

Answer 1

您可以通过使用 row 的索引删除行来使用 splice。

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>

工作代码笔 - https://codepen.io/Pratik__007/pen/eYNvvva?editable=true&editors=101

Answer 2

你可以使用 splice() 。其他方法如 pop()、remove() 不符合预期

从 Quasar 的 table 中删除特定行

Remove specific row from Quasar's table

vue.js

quasar

vue-component

vuejs2

quasar-framework