根据项目需要,在时间列,需要显示分秒,而后台返回的值是秒,前端需要转换,页面显示如下:

转换之后,点击排序发现,数据展示的顺序是错乱的(如下图):

解决方法:

在请求数据后,给数组多加一个字段,用来后面排序:

注: flightTime是处理后,页面显示的数据(分秒); sortTime是后台返回的原始数据(秒)。

页面代码:(飞行时间这列绑定方法)

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

最后结果,如图:

 

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐