Удалить указанную c строку из таблицы Квазара

Question

Я прочитал документацию по Quasar, но не увидел инструкции по удалению указанной строки c из таблицы. Например, как я могу удалить выбранную строку из ее таблицы? Я хочу знать, как можно сделать это в части сценария, а не в сегменте HTML.

Answer 1

Вы можете использовать splice, используя индекс row для удаления строки.

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