vue+ant的排序问题

Question

vue+ant多字段排序,如下面的代码 我如何实现多字段排序

data () {
    return {
   isorter: {
        order: 'desc',
        column: 'litst1',
      },
     }
    }

Answer 1

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';
    },