浅谈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 indexOf函数使用说明
Jul 03 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
jquery控制页面部分刷新的方法
Jun 24 Javascript
JS判断元素是否在数组内的实现代码
Mar 30 Javascript
js编写当天简单日历效果【实现代码】
May 03 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 Javascript
微信小程序实现tab和swiper切换结合效果
Jul 17 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
Oct 20 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
Aug 04 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 CLI实现简单的数据库实时监控调度
2009/07/01 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
php使用curl代理实现抓取数据的方法
2017/02/03 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
php生成HTML文件的类方法
2019/10/11 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
DEFER怎么用?
2006/07/01 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
使用ES6语法重构React代码详解
2017/05/09 Javascript
微信通过页面(H5)直接打开本地app的解决方法
2017/09/09 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
Vue 实现分页与输入框关键字筛选功能
2020/01/02 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
JavaScript实现点击出现子菜单效果
2021/02/08 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
在Django中创建动态视图的教程
2015/07/15 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
python实现寻找最长回文子序列的方法
2018/06/02 Python
python 调用钉钉机器人的方法
2019/02/20 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
python asyncio 协程库的使用
2021/01/21 Python
python实现银行账户系统
2021/02/22 Python
销售顾问的岗位职责
2013/11/13 职场文书
工地安全检查制度
2014/02/04 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
工厂员工辞职信范文
2015/05/12 职场文书