为什么v-for中的key值不推荐使用index

一、目的:

1、key的作用主要是为了高效的更新虚拟DOM。(此类原理可查看各类文档)

2、防止不必要的bug出现。

 

二、如果使用index作为key来使用,会出现bug情形。

如果仅是为了高效更新DOM,可能人们不会在意,殊不知,使用index作为key,还会出现bug,如下情景会有bug。

情形:当你有select 或者  checkbox 等选中框,你有N条数据,当你删除前面的某项时,你期望的是结果1。但如果你使用了index作为key值,你会得到结果2的结果。

 

 

结果1:(期望值)

 

 结果2:(实际bug值)

 

 

posted @ 2021-08-19 10:33  茶记忆  阅读(2199)  评论(0编辑  收藏  举报