欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

详细介绍在Vue2.0中v-for迭代语法的变化(详细教程)

程序员文章站 2022-03-28 09:33:15
...
下面我就为大家分享一篇浅谈Vue2.0中v-for迭代语法的变化(key、index),具有很好的参考价值,希望对大家有所帮助。

今天,在写关于Vue2.0的代码中发现 $key这个值并不能渲染成功,问题如下:

详细介绍在Vue2.0中v-for迭代语法的变化(详细教程)

结果这个对象的key值并不能够显示:

详细介绍在Vue2.0中v-for迭代语法的变化(详细教程)

后来查阅了文档才知道,这是因为在Vue2.0中,v-for迭代语法已经发生了变化:

丢弃了:

详细介绍在Vue2.0中v-for迭代语法的变化(详细教程)

新数组语法

value in arr 
(value, index) in arr

新对象语法

value in obj (value, key) in obj 
(value, key, index) in obj

解决后:

详细介绍在Vue2.0中v-for迭代语法的变化(详细教程)

详细介绍在Vue2.0中v-for迭代语法的变化(详细教程)

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

根据AngularJS重新加载当前路由页面,有哪些方法?

如何通过JavaScript实现微信号随机切换代码(详细教程)

利用ES6通过WeakMap解决内存泄漏问题(详细教程)

以上就是详细介绍在Vue2.0中v-for迭代语法的变化(详细教程)的详细内容,更多请关注其它相关文章!