根據項目需要,在時間列,需要顯示分秒,而後臺返回的值是秒,前端需要轉換,頁面顯示如下:
轉換之後,點擊排序發現,數據展示的順序是錯亂的(如下圖):
解決方法:
在請求數據後,給數組多加一個字段,用來後面排序:
注: flightTime是處理後,頁面顯示的數據(分秒); sortTime是後臺返回的原始數據(秒)。
頁面代碼:(飛行時間這列綁定方法)
方法中根據sortTime 進行排序: sortChange(a,b){ return a.sortTime - b.sortTime; }
最後結果,如圖: