浅谈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 相关文章推荐
js png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
Javascript 赋值机制详解
Nov 23 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
this.$toast() 了解一下?
Apr 18 Javascript
详解一些适用于Node.js的命名约定
Dec 08 Javascript
JS实现图片切换特效
Dec 23 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 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
JAVA/JSP学习系列之六
2006/10/09 PHP
PHP获取表单textarea数据中的换行问题
2010/09/10 PHP
PHP 防注入函数(格式化数据)
2011/08/08 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
json简单介绍
2008/06/10 Javascript
Ajax异步提交表单数据的说明及方法实例
2013/06/22 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
前端性能优化及技巧
2016/05/06 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
小试SVG之新手小白入门教程
2019/01/08 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
2019/01/29 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
requests和lxml实现爬虫的方法
2017/06/11 Python
基于Python闭包及其作用域详解
2017/08/28 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
python同时替换多个字符串方法示例
2019/09/17 Python
python set集合使用方法解析
2019/11/05 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
django序列化serializers过程解析
2019/12/14 Python
python numpy数组中的复制知识解析
2020/02/03 Python
python爬虫如何解决图片验证码
2021/02/14 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
Crocs波兰官方商店:女鞋、男鞋、童鞋、洞洞鞋
2019/10/08 全球购物
致跳远运动员加油稿
2014/02/11 职场文书
高级编程求职信模板
2014/02/16 职场文书
合伙经营协议书
2014/04/18 职场文书
幼儿园户外活动总结
2014/07/04 职场文书
大学感恩节活动总结
2015/05/05 职场文书
七年级作文之英语老师
2019/10/28 职场文书