Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/vba/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按v-for的升序排序数据_Javascript_Vue.js - Fatal编程技术网

Javascript 按v-for的升序排序数据

Javascript 按v-for的升序排序数据,javascript,vue.js,Javascript,Vue.js,在v-for循环中尝试按日期对数据数组排序时遇到问题。我试过orderBy,但没成功 以下是简化的v-for循环: <div v-for="article in articles"> <div class="article-date">{{ article.dateYear }}/{{ article.dateMonth }}</h1> <h1>{{ article.title }}</h1> <h3>{{

在v-for循环中尝试按日期对数据数组排序时遇到问题。我试过orderBy,但没成功

以下是简化的v-for循环:

<div v-for="article in articles">
   <div class="article-date">{{ article.dateYear }}/{{ article.dateMonth }}</h1>
   <h1>{{ article.title }}</h1>
   <h3>{{ article.description }}</h3>
</div>
每篇文章都有一个dateDay、dateMonth和dateYear,所以我想做的是
date=article.dateYear+article.dateMonth+article.dateDateDay
并将date变量与orderBy一起使用,但没有成功

这是更好的方法吗


谢谢你抽出时间

在文章助手中,首先对文章进行排序:

articles() {
const { articles } = this.$store.state;
articles.sort(function(a,b){
    return new Date(b.date) - new Date(a.date);
  });
return articles;
}

请参见
articles() {
const { articles } = this.$store.state;
articles.sort(function(a,b){
    return new Date(b.date) - new Date(a.date);
  });
return articles;