vue的v-for,在数组更新的时候,之前选中的对象会错位,解决方法是:key=不要相同

有问题的案例:

<Select clearable v-model="select_i" >

<Option v-for="(v,i) in arr"  :key='i'>{{v.name}}</Option>

</Select>

如果arr的长度发生了改变(追加,或者整个arr替换),那么你会发现select下拉在选择的时候,有重复现象,因为i是旧的,应该改成:

<Select clearable v-model="select_i" >

<Option v-for="(v,i) in arr"  :key='唯一的值,例如v.id'>{{v.name}}</Option>

</Select>

key应该换成怎么样都不会重复的值, 例如v.id , 为什么i会重复,因为新数据进来了,已选的i是可能会出现重复的.清空选择都不行!