关于 vue 的 v-for key 的问题

freezebreze · 2024-10-16 23:32:35 · 64 次点击
```typescript
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
举报· 64 次点击
登录 注册 站外分享
3 条回复  
vace 小成 2024-10-17 00:25:57
不会,没 key 不写就行了,只影响 diff 效率。可以 去 https://play.vuejs.org 贴最小可执行代码。
zblongfei 初学 2024-10-17 08:26:48
可以自己生成一个唯一 id
v21984 小成 2024-10-17 08:50:38
就是是 key 的问题,根据数组提前生成唯一 id 用作 key
返回顶部