Удалить строку из таблицы данных Vuejs

Question

В приложении laravel у меня есть страница, которая показывает заполненный набор данных (используя эту зависимость ).В каждой строке таблицы данных у меня есть кнопка удаления, которая удаляет объект в этой строке, используя http-запрос axios на мой сервер для удаления.Это работает, и это здорово - однако у меня возникли проблемы с поиском способа удалить строку таблицы данных ресурса, который я только что удалил из DOM.

Например, это моя функция удаления:

axios.delete(`/admin/queries/${id}`);
                    $(this.$el).fadeOut(400,()=>
                        flash('Query deleted successfully'));

Очевидно, $ (this. $ El) удаляет всю таблицу.Как я могу удалить отдельный ряд?

Для справки, моя таблица данных эквивалентна этому one :

Пример, как я могу получить доступ к объекту say по индексу 1 и удалить / удалить его изданные?

Спасибо:)

ОБНОВЛЕНИЕ Я могу получить доступ к данным индекса с помощью $ vm0._props.data [index = 2], но удаления / удаления нет.опция

Answer 1

Если вы используете что-то вроде следующего в коде вашего шаблона:

<datatable :columns="table_columns" :data="table_rows"></datatable>

И ваш объект строки имеет, например, свойство id:

{ "id": 0, "subject": "test" }

Вы можете удалить строку (например, с идентификатором 9), используя:

let deleteIndex = this.table_rows.findIndex(item => item.id === 9);
this.table_rows.splice(deleteIndex);