vue 解决遍历对象显示的顺序不对问题


Posted in Javascript onNovember 07, 2019

一、情况说明:在wacth里面生成了一个日期字符串的的数组(如下图1),如果遍历这个数组生成一个以日期为key的Object,但是数组里面的元素顺序和Object的属性的顺序是不一样的,并且在vue模板中遍历这个Object并显示key,得到的是数组的元素顺序(如下图2)!

图1

vue 解决遍历对象显示的顺序不对问题

图2

vue 解决遍历对象显示的顺序不对问题

二、过程分析:问题出在了遍历数组得到对象上,这个时候的顺序变了

vue 解决遍历对象显示的顺序不对问题

三、解决方法:先给数组排序,在遍历得到对象

vue 解决遍历对象显示的顺序不对问题

文章仅为本人学习过程的一个记录,仅供参考,如有问题,欢迎指出!

以上这篇vue 解决遍历对象显示的顺序不对问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js几个验证函数代码
Mar 25 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
May 14 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
JS判断是否长按某一键的方法
Mar 02 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
vue遍历对象中的数组取值示例
Nov 07 #Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 #Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 #Javascript
vue 实现v-for循环回来的数据动态绑定id
Nov 07 #Javascript
vue改变循环遍历后的数据实例
Nov 07 #Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
Nov 07 #Javascript
vue v-for直接循环数字实例
Nov 07 #Javascript
You might like
PHP4 与 MySQL 交互使用
2006/10/09 PHP
PHP 定界符 使用技巧
2009/06/14 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
PHP 实现从数据库导出到.csv文件方法
2017/07/06 PHP
页面版文本框智能提示JS代码
2009/11/20 Javascript
JS代码防止SQL注入的方法(超简单)
2016/04/12 Javascript
原生js实现addClass,removeClass,hasClass方法
2016/04/27 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
vue-cli实现多页面多路由的示例代码
2018/01/30 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
python颜色随机生成器的实例代码
2020/01/10 Python
python+selenium+PhantomJS抓取网页动态加载内容
2020/02/25 Python
Python Json数据文件操作原理解析
2020/05/09 Python
深入理解Python 多线程
2020/06/16 Python
使用tensorflow进行音乐类型的分类
2020/08/14 Python
教育专业自荐书范文
2013/12/17 职场文书
会计职业生涯规划书
2014/01/13 职场文书
幼儿园春季开学寄语
2014/04/03 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
工会换届选举方案
2014/05/21 职场文书
阅兵口号
2014/06/19 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
党员作风建设整改方案
2014/10/27 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
2016年党风廉政建设承诺书
2016/03/25 职场文书
拥有这5个特征人,“命”都不会太差
2019/08/16 职场文书