Question

在laravel应用程序上，我有一个页面，显示了一个填充的数据表（使用this dependency）。数据表上的每一行都有一个删除按钮，该按钮使用向我的服务器删除的axios http请求删除该行中的对象。它可以正常工作，而且很棒-但是，我很难找到一种方法来删除刚从DOM中删除的资源数据表的行。

例如，这是我的删除功能：

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

很显然，$（this。$ el）删除了整个表。如何删除单个行？

作为参考，我的数据表等效于此one：

Example, how can I access say object at index 1 and delete/remove it from the data?

谢谢：）

更新我可以通过$ vm0._props.data [index = 2]访问索引数据，但是没有删除/删除选项吗？

Answer 1

如果您在模板代码中使用以下内容：

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

例如，您的行对象具有id属性：

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

您可以使用以下方法删除一行（例如ID为9的行）：

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

从Vuejs数据表中删除行

1 个答案: