element-ui table 某列数据后加上单位,排序不正确
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
根据项目需要,在时间列,需要显示分秒,而后台返回的值是秒,前端需要转换,页面显示如下:
转换之后,点击排序发现,数据展示的顺序是错乱的(如下图):
解决方法:
在请求数据后,给数组多加一个字段,用来后面排序:
注: 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 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)