Vue V-用于将数组绑定到错误的组件

Question

在我的Vuex状态下，我有一个包含orderLines数组的对象，在我的模型中，我使用getter访问该对象，并在orderLines上循环为每个组件创建一个组件。

现在，当我触发删除变异时，我也请求更新订单对象并将旧版本与正确的新版本交换。到目前为止，所有组件都获得了新的订单对象并更新了它们的列表。

但是他们不会在循环中创建/重新创建他们似乎更新索引的组件 - ＆gt;导致下一个问题：

如果我删除了顶部项目，则所有下一个项目的数据都绑定到“已删除”组件及其状态：/

       <div v-for="orderLine in order.order_lines">
          <order-line :order-line="orderLine" ></order-line>
       </div>

Answer 1

使用key。

<div v-for="orderLine in order.order_lines" :key="orderLine">
      <order-line :order-line="orderLine" ></order-line>
</div>

如果每个order_line的id都是更好的密钥。