Vuejs2 Vue V-for将阵列绑定到错误的组件

Vuejs2 Vue V-for将阵列绑定到错误的组件,vuejs2,vue-component,vuex,v-for,Vuejs2,Vue Component,Vuex,V For,在我的Vuex状态下,我有一个包含医嘱行数组的对象,在我的模型中,我使用getter访问该对象,并在医嘱行上循环,为每个医嘱行创建一个组件 现在,当我触发移除变异时,我也会请求order对象的更新,并用正确的新对象替换旧对象。到现在为止,一直都还不错。。我的所有组件都会获得新的order对象并更新它们的列表 但它们不会在循环中创建/重新创建组件,它们似乎只是更新索引->导致下一个问题: 如果删除顶部项,则下一项的所有数据都将绑定到“已删除”组件及其状态:/ <div v-fo

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

现在,当我触发移除变异时,我也会请求order对象的更新,并用正确的新对象替换旧对象。到现在为止,一直都还不错。。我的所有组件都会获得新的order对象并更新它们的列表

但它们不会在循环中创建/重新创建组件,它们似乎只是更新索引->导致下一个问题:

如果删除顶部项,则下一项的所有数据都将绑定到“已删除”组件及其状态:/

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

使用一个


如果每个订单行都有一个id,这将是一个更好的键

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