vue 中遍历对象显示的顺序不对

一、情况说明：在wacth里面生成了一个日期字符串的的数组（如下图1），如果遍历这个数组生成一个以日期为key的Object，但是数组里面的元素顺序和Object的属性的顺序是不一样的，并且在vue模板中遍历这个Object并显示key，得到的是数组的元素顺序（如下图2）！图1图2 二、过程分析：问题出在了遍历数组得到对象上，这个时候的顺序变了三、解决方法：先给数组排序，在...

halo1416

9662人浏览 · 2018-12-04 12:38:23

halo1416 · 2018-12-04 12:38:23 发布

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

图1

图2

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^