table有一个@sort-change方法对表格进行排序的,把sortable:true就会出现排序按钮点击
,调请求接口的方法,提交后自测发现一个问题,后端接口已经排好的顺序,在前端视图展示是另一个顺序跟接口不一致
分析问题:
table-columns自身有一个排序方法 @sort-method,因为我们设置了sortable为true,所以他会在掉完table的方法之后 ,又调用@sort-method的方法又换了一次顺序
解决方法一:
sortable='custom'禁止自身的排序方法,远程监听table的@sort-change
方法二:
key: '**',
sortable:true,
sortType: 'desc', //初始化排序方法(升序/降序)
sortMethod:(a,b,type) => {
if(type === 'desc') {
return parseInt(a) < parseInt(b) ? 1 : -1;
}else {
return parseInt(a) > parseInt(b) ? 1: -1;
}
}
iview table接口排序,视图数据跟接口返回数据顺序不一致问题
最新推荐文章于 2023-04-26 10:34:52 发布