浅谈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 相关文章推荐
匹配任意字符的正则表达式写法
Apr 29 Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
在Javascript里访问SharePoint列表数据的实现方法
May 22 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
May 15 Javascript
浅谈JavaScript字符串与数组
Jun 03 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
JS继承与闭包及JS实现继承的三种方式
Oct 15 Javascript
JavaScript基于数组实现的栈与队列操作示例
Dec 22 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
php中3种方法删除字符串中间的空格
2014/03/10 PHP
php文件上传的两种实现方法
2016/04/04 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
Jquery iframe内部出滚动条
2010/02/11 Javascript
IE6下通过a标签点击切换图片的问题
2010/11/14 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
浅谈document.write()输出样式
2015/05/07 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
2017/11/28 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
2018/08/27 Javascript
JavaScript fetch接口案例解析
2018/08/30 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
Python实现二叉搜索树BST的方法示例
2019/07/30 Python
使用pip安装python库的多种方式
2019/07/31 Python
调用其他python脚本文件里面的类和方法过程解析
2019/11/15 Python
Django中template for如何使用方法
2021/01/31 Python
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
大学生物业管理求职信
2013/10/24 职场文书
应届生的求职推荐信范文
2013/11/30 职场文书
幼儿园运动会入场词
2014/02/10 职场文书
室内拓展活动方案
2014/02/13 职场文书
消防宣传口号
2014/06/16 职场文书
大学生工作求职信
2014/06/23 职场文书
物资采购管理制度
2015/08/06 职场文书