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

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

0 голосов
/ 25 февраля 2020

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

1 Ответ

2 голосов
/ 26 февраля 2020

Вы можете использовать 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

...