data () {
return {
isorter: {
order: 'desc',
column: 'litst1',
},
}
}
ant-design的table组件吗?
①columns中定义需要筛选的列加上sorter属性设置为true。
eg:
{
title: '状态',
dataIndex: 'sts',
align: 'center',
width: 60,
ellipsis: true,
sorter: true,
},
②页面的data里面定义两个字段:排序的方向和排序的名称。
eg: orderDirection: '',orderFieldName: '',
,这是用来传给后端让他查询出按什么字段排什么序的数据出来给你前端展示
③methods里面写表格改变绑定的方法时把排序相关字段进行赋值。
eg:
tableChange(pagination, filters, sorter) {
this.orderFieldName = sorter.columnKey ? sorter.columnKey : '';
this.orderDirection = sorter.order ? sorter.order : '0';
},
不明白你的意思 。如果 是 想多个字段 排序 。可以自定义 排序函数
【【面试题】js数字与字符串实现排序几种方法,你知道嘛?-哔哩哔哩】 https://b23.tv/0OXaUFv