浅谈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 相关文章推荐
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
Nov 15 Javascript
JS TextArea字符串长度限制代码集合
Oct 31 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
如何在Angular2中使用jQuery及其插件的方法
Feb 09 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
vue+ESLint 配置保存 自动格式化代码
Mar 17 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中使用hidef扩展代替define提高性能
2015/04/09 PHP
搭建基于Docker的PHP开发环境的详细教程
2015/07/01 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
浅谈js中function的参数默认值
2017/02/20 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
2020/09/02 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
Python三元运算实现方法
2015/01/12 Python
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
遗传算法之Python实现代码
2017/10/10 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
html5跳转小程序wx-open-launch-weapp踩坑
2020/12/02 HTML / CSS
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
机械设计毕业生自荐信
2014/02/02 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
2015年试用期工作总结
2014/12/12 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
在校生证明
2015/06/17 职场文书