vue中用v-for遍历填充列表时,可能会由于index作为key产生顺序显示错误是为什么呢?

vue中用v-for遍历填充列表时,可能会由于index作为key产生顺序显示错误是为什么呢?_第1张图片

 


这里主要是涉及到了虚拟dom的对比算法,用索引作为key进行对比时,相同的复用缓存中的值,不同的用新的值。因此在对比的过程中,图中的0,1,2,索引下的input全部复用,就产生了数据的不一致。

你可能感兴趣的:(vue)