element-ui table 某列數據後加上單位,排序不正確

根據項目需要,在時間列,需要顯示分秒,而後臺返回的值是秒,前端需要轉換,頁面顯示如下:

轉換之後,點擊排序發現,數據展示的順序是錯亂的(如下圖):

解決方法:

在請求數據後,給數組多加一個字段,用來後面排序:

注: flightTime是處理後,頁面顯示的數據(分秒); sortTime是後臺返回的原始數據(秒)。

頁面代碼:(飛行時間這列綁定方法)

方法中根據sortTime 進行排序:
sortChange(a,b){
  return a.sortTime - b.sortTime;
}

最後結果,如圖:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章