浅谈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面向对象之体会[总结]
Nov 13 Javascript
Javascript 事件流和事件绑定
Jul 16 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
基于jquery的$.ajax async使用
Oct 19 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
不定义JQuery插件 不要说会JQuery
Mar 07 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
Oct 30 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二分法在IP地址查询中的应用
2008/08/12 PHP
使用PHP+MySql实现微信投票功能实例代码
2017/09/29 PHP
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
2015/11/18 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
Vuex中mutations与actions的区别详解
2018/03/01 Javascript
微信小程序wx:for和wx:for-item的用法详解
2018/04/01 Javascript
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
[02:28]DOTA2 2015国际邀请赛中国区预选赛首日现场百态
2015/05/26 DOTA
python实现读取命令行参数的方法
2015/05/22 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
Python lambda表达式用法实例分析
2018/12/25 Python
python挖矿算力测试程序详解
2019/07/03 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
Django自带的用户验证系统实现
2020/12/18 Python
美国最大的宠物用品零售商:PetSmart
2016/11/14 全球购物
联想马亚西亚官方网站:Lenovo Malaysia
2018/09/19 全球购物
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
adidas菲律宾官网:adidas PH
2020/02/07 全球购物
高二历史教学反思
2014/01/25 职场文书
函授毕业自我鉴定
2014/02/04 职场文书
家长评语和期望
2014/02/10 职场文书
王老吉广告词
2014/03/20 职场文书
小学优秀教育工作者事迹材料
2014/05/09 职场文书
无房证明样本
2015/06/17 职场文书
vue中div禁止点击事件的实现
2022/04/02 Vue.js