iview中的table sortable排序时,发现页面数据跟接口返回的数据顺序不一样
{
title: '退货比例',
// sortable: true, // 错误写法
sortable: 'custom', // 正确写法
key: 'refundrate'
}
然后需要在table上加上排序方法就可以了
@on-sort-change='changeSort'
<Table border stripe highlight-row ref="tb" :loading="loading" :columns="tableColumns"
:data="tableData" @on-selection-change="selectionChange" class="commonTable"
@on-sort-change='changeSort'>
</Table>
methods: {
// 根据排序 desc或asc
changeSort({ column, key, order }) {
if (key === 'refundrate') { // 退货比例
if (order === 'normal') {
this.args.order = 'rate desc'
} else {
this.args.order = `rate ${order}`
}
this.getList() // 获取列表
}
}
}