一、目的:

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

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

 

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

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

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

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

 

 

结果1:(期望值)

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

 

 结果2:(实际bug值)

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-01
  • 2022-12-23
  • 2021-08-20
猜你喜欢
  • 2022-02-03
  • 2021-06-06
  • 2021-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案