API異步請求數據用async/await

需求:異步接口 (需要時間排序)
需要分別取第一個接口的前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;
                });
            },

在這裏插入圖片描述

方法:
在這裏插入圖片描述

發佈了20 篇原創文章 · 獲贊 2 · 訪問量 1086
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章