我想删除一项，但它删除了整个数据库答案

【问题标题】：I wanted to delete one item, but instead its deleting the whole database我想删除一项，但它删除了整个数据库
【发布时间】：2018-08-06 06:49:28
【问题描述】：

这就是我的显示方式

    <tr v-for="(foodItem, index) in filteredFoodItems">
       <td>{{ foodItem.name }}</td>
       <td>{{ foodItem.price | currency('£') }}</td>
       <td>{{ foodItem.category }}</td>
       <td><a @click="removeItem(index)" class="button is-danger is-outlined">
           <span>Delete</span>
           <span class="icon is-small">
              <i class="fas fa-times"></i>
           </span>
         </a>
      </td>
   </tr>

这是我用来删除的

router.delete('/', function (req, res) {
  let itemToRemove = req.body;
  let FoodItem = mongoose.model('FoodItem', FoodItemSchema);
  FoodItem
    .find(itemToRemove)
    .remove(itemToRemove, err => {
      if (err) return handleError(err);
    })
})

当我单击按钮时，它删除了整个数据库数据，而不是数据库中的选定项目。在 v-for 中我放了索引，以便每个食物都有一个索引，然后在 @click 我放了 removeItem(index) 所以它指的是那个但它已经删除了整个数据库？谁能发现我做错了什么？提前致谢！

这里是removeItem

removeItem(itemToRemove) {
            axios.delete('/api/menu', this.foodItems[itemToRemove])
                .then(response => {
                    console.log(response);
                })
                .catch(err => {
                    console.log(err)
                });
        }
    },

【问题讨论】：

所以你认为removeItem在这里发帖不重要？
removeItem 基本上是索引
@Andrew - 我认为 dfsq 意味着我们需要查看 removeItem() 函数以了解如何为您提供帮助。
对不起，这里
removeItem(itemToRemove) { axios.delete('/api/menu', this.foodItems[itemToRemove]) .then(response => { console.log(response); }) .catch(err => { console.log(err) }); } },

标签： javascript mongoose vue.js mongoose-schema

【解决方案1】：

一切看起来都很好。不过，您需要使用:key 绑定，以便在呈现列表时尊重index：

<tr v-for="(foodItem, index) in filteredFoodItems" :key="index">

另外，你有链接标签，应该防止在它上面使用点击处理程序，这是默认的：

@click.prevent="removeItem(index)"

【讨论】：

【解决方案2】：

在您的路由器代码中，您依靠响应正文来确定要删除的内容。然而，在您的 axios 代码中，您不加载响应正文，您只提供一个数组元素。所以……

改变

axios.delete('/api/menu', this.foodItems[itemToRemove])

收件人

axios.delete('/api/menu', {data:this.foodItems[itemToRemove]})

这个简单的改变应该适合你。

【讨论】：