浅谈Vue2.0中v-for迭代语法的变化(key、index)


Posted in Javascript onMarch 06, 2018

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

浅谈Vue2.0中v-for迭代语法的变化(key、index)

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

浅谈Vue2.0中v-for迭代语法的变化(key、index)

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

丢弃了:

浅谈Vue2.0中v-for迭代语法的变化(key、index)

新数组语法

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)

浅谈Vue2.0中v-for迭代语法的变化(key、index)

以上这篇浅谈Vue2.0中v-for迭代语法的变化(key、index)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript类和继承 constructor属性
Mar 04 Javascript
js获取location.href的参数实例代码
Aug 02 Javascript
使用javascript实现简单的选项卡切换
Jan 09 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
JavaScript 中有关数组对象的方法(详解)
Aug 15 Javascript
javascript如何创建对象
Aug 29 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
Nov 21 Javascript
关于express与koa的使用对比详解
Jan 25 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
Sep 18 Javascript
js实现课堂随机点名系统
Nov 21 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 #Javascript
node的process以及child_process模块学习笔记
Mar 06 #Javascript
Vue2.0实现组件数据的双向绑定问题
Mar 06 #Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 #jQuery
Vue2.0 http请求以及loading展示实例
Mar 06 #Javascript
浅析Vue中method与computed的区别
Mar 06 #Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
Mar 06 #Javascript
You might like
mayfish 数据入库验证代码
2010/04/30 PHP
php 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
php代码运行时间查看类代码分享
2011/08/06 PHP
PHP ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
PHP Header用于页面跳转时的几个注意事项
2016/10/21 PHP
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
jquery ajax跨域解决方法(json方式)
2014/02/04 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
2015/06/05 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
基于zepto的移动端轻量级日期插件--date_picker
2016/03/04 Javascript
自己封装的一个原生JS拖动方法(推荐)
2016/11/22 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
vue+iview 兼容IE11浏览器的实现方法
2019/01/07 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
Django Admin 实现外键过滤的方法
2017/09/29 Python
python读文件的步骤
2019/10/08 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
pycharm中使用request和Pytest进行接口测试的方法
2020/07/31 Python
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
物业经理求职自我评价
2013/09/22 职场文书
企业为何需要商业计划书
2013/12/26 职场文书
会计核算科岗位职责
2014/03/19 职场文书
2014年党建工作汇报材料
2014/10/27 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
2015年防汛工作总结
2015/05/15 职场文书
爱国影片观后感
2015/06/18 职场文书
实习报告范文
2019/07/30 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python