浅谈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 相关文章推荐
Iframe thickbox2.0使用的方法
Mar 05 Javascript
JSON 客户端和服务器端的格式转换
Aug 27 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
vue中使用protobuf的过程记录
Oct 26 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
Aug 27 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 imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
在PHP中使用redis
2013/11/04 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
浅谈javascript的数据类型检测
2010/07/10 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
js读取cookie方法总结
2014/10/31 Javascript
JavaScript实现的双向跨域插件分享
2015/01/31 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
解决Jquery下拉框数据动态获取的问题
2018/01/25 jQuery
vue.js中$set与数组更新方法
2018/03/08 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
[35:29]Secret vs VG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
Python实现的石头剪子布代码分享
2014/08/22 Python
Python处理文本换行符实例代码
2018/02/03 Python
python 矩阵增加一行或一列的实例
2018/04/04 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
python实现键盘输入的实操方法
2019/07/16 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
2014年3.15团委活动总结
2014/03/16 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书