v-for循环出来的结构，item的index会变化，但是排序1,2,3,4是固定的该怎么办

Question

左侧应该是1,2,3,4。。。。

这里的排名想要固定的，但是因为item会重新排序所以index值不固定，该怎么办

Answer 1

问题所在 v-show="item.type=='music'" ,而 index 是根据数组固定为0,1,2,3...的，也就导致了这种情况。
1、通过筛选来创建/更新数组以替换v-for中的原数组，v-show也就不需要了。

this.newList = this.$store.state.CreateList.filter(e=>e.type==='music')

2、（不推荐）根据index来判定 type==='music' 出现的次数来决定排名。因为这样稍微繁琐点，需要通过遍历前面的数据。