javascript - Vue.js 似乎正在恢复我的列表排序

Question

我正在尝试重新排序 vue.js 组件中的列表。完成拖放后，列表的顺序有点不稳定，并且不再与执行 api 调用或使用 chrome vue.js 扩展时可以看到的数据的实际顺序匹配。然而，结尾的 console.log 确实以所需的顺序显示数据。

下面是使用 RubaXa/Sortable 库的代码。

export default {
  watch: {
    workout() {
      let list = this.workout.exercises
      Sortable.create(document.getElementById("exercises"), {
        onUpdate: e => {
          list.splice(e.newIndex, 0, list.splice(e.oldIndex, 1)[0])
          console.log(list.map(e => { console.log(e.details) }))
        }
      })
    }
  }
}

Answer 1

订单变得困惑的原因是我忘记绑定(bind)键。

<li v-for="item in items" :key="item.id">