从Vuejs数据表中删除行-Java 学习之路

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

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

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

显然$（this . $ el）删除整个表 . 如何删除单个行？

作为参考，我的数据表相当于one：

谢谢：）

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

1 回答

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

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

你的行Object有例如id属性：

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

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

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

回复于 2024-04-25T07:19:16+08:00