需求:異步接口 (需要時間排序)
需要分別取第一個接口的前2條數據,第二個接口的1條數據,第三個接口的1條數據,第四個接口的1條數據。共五條數據。然後需要處理時間按照降序排序。
首先先異步數據請求接口,完畢後新建新數組,把四個數組push到新的數組裏邊。html v-for出5條數據
第一步:先異步請求全部數據async/await(必須一起用)
第二步:再每個請求接口處如下圖:
再html v-for循環新數組
最後再console後臺打印出來5條數據
最後對數組裏邊的date1時間字段排序(sort)
computed: {
changeTime: function() {
return this.sortKey(this.newList, "date1");
}
},
//時間排序
sortKey:function(array, key) {
return array.sort(function(a, b) {
var x = a[key];
var y = b[key];
return x > y ? -1 : x < y ? 1 : 0;
});
},
方法: