获取ant design vue 中a-table组件的筛选功能筛选选中的值

Question

前端框架：ant design vue @1.6.2
需求：获取ant design vue 中a-table组件的筛选功能筛选选中的值
使用框架内的a-table组件的筛选功能：
样例代码如下

const columns = [
......
 {
          title: '状态\nStatus',
          dataIndex: 'Status',
          key: 'Status',
          filters: [
            { text: '0', value: '0' },
            { text: '1', value: '1' },
            { text: '2', value: '2' },
            { text: '3', value: '3' },
            { text: '4', value: '4' },
            { text: '5', value: '5' },
        ],
          defaultFilteredValue: ['0', '1', '2'], // 代表筛选默认选中 '0', '1', '2'
        },
......
]

效果如下

Answer 1

通过仔细查看官方文档查到相关获取方法：
首先，在table中加上一个@change

<a-table :columns="columns" :data-source="data" @change="handleChange" />

之后可以通过handleChange获取到监控信息

 handleChange(pagination, filters, sorter) {
      console.log('翻页相关', pagination);
      console.log('筛选相关', filters);
      console.log('排序相关', sorter);
    },