如何在ant设计vue表列标题上添加事件点击？

import { Table } from 'ant-design-vue';

export default {
  components: {
    Table,
  },
  // ...
}

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

export default {
  data() {
    return {
      columns: [
        {
          title: '列标题1',
          dataIndex: 'column1',
          key: 'column1',
          // 添加事件点击
          customRender: (text, record, index) => {
            return <a @click="handleClick(record)">{text}</a>;
          },
        },
        // 其他列配置...
      ],
      data: [
        {
          column1: '数据1',
          // 其他数据...
        },
        // 其他数据...
      ],
    };
  },
  methods: {
    handleClick(record) {
      // 处理点击事件
      console.log('点击了列标题1', record);
    },
  },
  // ...
}