v-for循环中如何根据id展示

Question

首先在这个for循环中有个子组件Likehot

子组件和外面是调用的是同一个数据

数据格式如下

问题是我这个数据中的item排序是会根据Likehot点击改变的，该怎么办

Answer 1

把传入的props改为计算id，并添加计算属性。

props: ['id'],
data() {
  return {
    CreateList:[{id:10},{id:11},{id:12}]
  }
},
computed:{
  index1:function () {
    return this.CreateList.findIndex(e=>e.id===this.id)
  }
},

如果你会随时id的变动的话，那就在子组件添加监听属性 watch