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


Posted in Javascript onNovember 07, 2019

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

图1

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

图2

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

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

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

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

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

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

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

Javascript 相关文章推荐
JavaScript DOM学习第四章 getElementByTagNames
Feb 19 Javascript
Dom在ajax技术中的作用说明
Oct 25 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
Sep 13 Javascript
jquery 新建的元素事件绑定问题解决方案
Jun 12 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
Node.js事件驱动
Jun 18 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
使用vue.js实现联动效果的示例代码
Jan 10 Javascript
jquery获取下拉框中的循环值
Feb 08 Javascript
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
vue界面发送表情的实现代码
Sep 11 Javascript
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
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
超级简单的图片防盗(HTML),好用
2007/04/08 Javascript
javascript语句中的CDATA标签的意义
2007/05/09 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
javascript匿名函数实例分析
2014/11/18 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
ES6中class类用法实例浅析
2017/04/06 Javascript
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
python的绘图工具matplotlib使用实例
2014/07/03 Python
django 捕获异常和日志系统过程详解
2019/07/18 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
Python读取配置文件(config.ini)以及写入配置文件
2020/04/08 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
python名片管理系统开发
2020/06/18 Python
几个数据库方面的面试题
2016/07/01 面试题
仓管员岗位职责范文
2013/11/08 职场文书
学生励志演讲稿
2014/01/06 职场文书
家具促销活动方案
2014/02/16 职场文书
捐款倡议书
2014/04/14 职场文书
市贸粮局召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
学校节水倡议书
2015/04/29 职场文书
工作犯错保证书
2015/05/11 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP
MySQL系列之五 视图、存储函数、存储过程、触发器
2021/07/02 MySQL
JavaScript中reduce()的用法
2022/05/11 Javascript