浅谈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 相关文章推荐
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
javascript中万恶的function实例分析
May 25 Javascript
js实现幻灯片播放图片示例代码
Nov 07 Javascript
JavaScript Promise启示录
Aug 12 Javascript
jquery实现从数组移除指定的值
Jun 24 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
原生JS实现小小的音乐播放器
Oct 16 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
vue实现浏览器全屏展示功能
Nov 27 Javascript
Vue实现验证码功能
Dec 03 Javascript
JS一次前端面试经历记录
Mar 19 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
Docker配置PHP开发环境教程
2016/12/21 PHP
解决PHP上传非标准格式的图片pjpeg失败的方法
2017/03/12 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
用JQuery 实现的自定义对话框
2007/03/24 Javascript
动态刷新 dorado树的js代码
2009/06/12 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
2014/04/29 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
JavaScript Blob对象原理及用法详解
2020/10/14 Javascript
Python单体模式的几种常见实现方法详解
2017/07/28 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
Python根据服务获取端口号的方法
2019/09/25 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
Python如何实现动态数组
2019/11/02 Python
Pycharm中安装Pygal并使用Pygal模拟掷骰子(推荐)
2020/04/08 Python
纯CSS实现设置半个字符的样式
2014/07/03 HTML / CSS
巴西最大的在线约会网站:ParPerfeito
2018/07/11 全球购物
优秀求职信范文分享
2013/12/19 职场文书
连锁酒店店长职责范本
2014/02/13 职场文书
护士求职信范文
2014/05/24 职场文书
少先队活动总结
2014/08/29 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
广告文案的撰写技巧(实用干货)
2019/08/23 职场文书
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电