Javascript id为的VueJs拼接行

我想从数据库中删除我的项目，它正在成功删除，但我的项目不会从列表中删除

我知道我可能应该使用

索引

来拼接，但是 如果我使用了

索引

，那么我无法通过传递我的

项目ID

将其发送到 后端因此陷入了困境

问题

如果我使用

索引

它会将索引号发送到后端，这是错误的

如果我使用

itemId

它将从数据库中删除该项，但不会被删除 从列表中删除

代码

HTML

<el-col :span="9" style="margin-top:15px;">
    <template v-for="itemm in item.children" >
        <div :key="itemm.id">
            <!-- child's -->
            <el-input :value="itemm.name" placeholder="Please input your variation value" class="input-with-select">
            <el-button slot="append" @click="removeSavedChild(itemm.id)" type="danger" icon="el-icon-delete"></el-button>
            </el-input>
        </div>
    </template>
</el-col>

---

有什么想法吗？

您可以同时使用id和索引。如下

removeSavedChild(id, index, items){
    axios.delete('/api/admin/variations/destroy/'+id).then((res) => {
        console.log(res.data.success);
        items.splice(index, 1);
    })
    .catch((err) => {
        console.log(err)
    });
  },

在单击事件中，您将像这样通过

@click="removeSavedChild(itemm.id, index, item.children)"

假设for循环中有索引，如下所示

<template v-for="(itemm, index) in item.children" >

尝试过滤数组，即

this.savedVariations=this.savedVariations.filter（sv=>sv.id！==id）

模板中引用的

项与
savedVariations
相关的子项如何？@skille它在另一个数组下，但循环并不是我的问题，我的问题是：）它并没有从视图中删除它，但你们刚开始说你们使用索引，它在视图中删除？都一样我能说什么？！：）在您的代码仍与我的代码相同的情况下，从数据库中删除但不查看是，因为您删除的项目不是子项，对吗？是否希望我与ngrok共享我的应用程序，以便您自己测试它？
<template v-for="(itemm, index) in item.children" >