antdesignvue 列排序

你可以使用 `table-column` 的 `sorter` 属性来实现列排序。这个属性需要传入一个函数，这个函数接受两个参数：`a` 和 `b`，分别代表两个需要比较的数据。你需要在这个函数中根据需要比较的字段比较 `a` 和 `b`，最终返回一个数字，表示排序的结果。

下面是一个例子，假设你有一个包含 `name` 和 `age` 字段的数组 `data`，你想按照 `age` 字段进行升序排序，你可以这样写：

<template>
  <a-table :columns="columns" :data-source="data"></a-table>
</template>

<script>
export default {
  data() {
    return {
      data: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 16 }
      ],
      columns: [
        {
          title: '姓名',
          dataIndex: 'name'
        },
        {
          title: '年龄',
          dataIndex: 'age',
          sorter: (a, b) => a.age - b.age
        }
      ]
    }
  }
}
</script>

这样，你的表格就会按照 `age` 字段进行升序排序了。如果你想要降序排序，只需要将返回值改为 `b.age - a.age` 即可。