时间:2021-05-18
今天,在写关于Vue2.0的代码中发现 $key这个值并不能渲染成功,问题如下:
结果这个对象的key值并不能够显示:
后来查阅了文档才知道,这是因为在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迭代语法的变化(key、index)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、vue2.0移除了$index和$key虽然说现在很多文章说他们的代码是vue2.0版本的,但是有一些仔细一看,发现并不全是2.0版本,有些语法还是1.0的
前言Vue.js中,v-for指令需要以iteminitems形式的特殊语法,items是源数据数组并且item是数组元素迭代的别名。v-for可以绑定数据到数
代码如下所示:vue中使用v-for循环列表序号书名作者{{index+1}}{{book.title}}{{book.author}}循环对象{{key}}:
用Vue2.0实现一个数据的分页及页数的跳转,代码如下:数据绑定:{{...}}{{item}}事件绑定:v-on上一页判断:v-if上一页循环:v-for修改
在vue2.0中,经常会使用类似这样的语法v-bind:src="imgUrl"(缩写:src="imgUrl"),看一个案例exportdefault{dat