浅谈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+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
jQuery.each使用详解
Jul 07 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
Angular组件化管理实现方法分析
Mar 17 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
vue2.0 keep-alive最佳实践
Jul 06 Javascript
详解在Vue中有条件地使用CSS类
Sep 30 Javascript
vue中对象数组去重的实现
Feb 06 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
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安全配置
2006/10/09 PHP
php知道与问问的采集插件代码
2010/10/12 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
详细解读PHP中接口的应用
2015/08/12 PHP
PHP实现根据数组的值进行分组的方法
2017/04/20 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
JS与C#编码解码
2013/12/03 Javascript
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
JavaScript实现添加及删除事件的方法小结
2015/08/04 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
详解vue 组件注册
2020/11/20 Vue.js
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
Python Scapy随心所欲研究TCP协议栈
2018/11/20 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
对python过滤器和lambda函数的用法详解
2019/01/21 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
美国电视购物HSN官网:HSN
2016/09/07 全球购物
如何利用find命令查找文件
2015/02/07 面试题
义卖募捐活动总结
2015/05/09 职场文书
家长反馈意见及建议
2015/06/03 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js