关于 vue 的 v-for key 的问题

[freezebreze]

interface item  {
    config1 : any
    config2 : any
    config3 : any
    config4 : any
    config5 : any
    config6 : any
    config7 : any
}
const obj = reactive<item[]>([])

有这样的一个对象，我 v-for 用数组下标做 key 值，有一个拖拽操作，会交换这两项在数组中的位置，但是视图并没有刷新，数据是更新了的，是 key 的问题吗，是的话，怎么解决？ item 里没有值适合做 key

示例代码 大致逻辑是这样

示例代码的数据变动视图是变动的，可能是数据太简单了？实际上每个 item 交换后，差异在于 item 里的某个对象里的数组变化了,不是层次太深，对比不出来差异

[vace]

不会，没 key 不写就行了，只影响 diff 效率。可以 去 https://play.vuejs.org 贴最小可执行代码。

[klongfei]

可以自己生成一个唯一 id

[v21984]

就是是 key 的问题，根据数组提前生成唯一 id 用作 key

[hoooo]

确实是 key 的问题，没有合适的值做 key 的话你就 json.stringify 一下 item ，你就会得到一个巨大的 key🤣

[callv]

map 一下数组，把下标放到 item 里面当 key ？