为什么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值)

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM