根据项目需要,在时间列,需要显示分秒,而后台返回的值是秒,前端需要转换,页面显示如下:
转换之后,点击排序发现,数据展示的顺序是错乱的(如下图):
解决方法:
在请求数据后,给数组多加一个字段,用来后面排序:
注: flightTime是处理后,页面显示的数据(分秒); sortTime是后台返回的原始数据(秒)。
页面代码:(飞行时间这列绑定方法)
方法中根据sortTime 进行排序: sortChange(a,b){ return a.sortTime - b.sortTime; }
最后结果,如图: