vue3 Ant-Design-Vue table customcell 单元格点击事件

您可以在Ant-Design-Vue表格的`customcell`中使用`customRender`属性来自定义单元格的内容，并在其中添加点击事件。下面是一个示例代码：

<template>
  <a-table :columns="columns" :data-source="dataSource">
    <template #customcell="{ text }">
      <div @click="handleClick(text)">{{ text }}</div>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
          customRender: (text) => <customcell>{text}</customcell>,
        },
        {
          title: 'Age',
          dataIndex: 'age',
          customRender: (text) => <customcell>{text}</customcell>,
        },
        {
          title: 'Address',
          dataIndex: 'address',
          customRender: (text) => <customcell>{text}</customcell>,
        },
      ],
      dataSource: [
        {
          key: '1',
          name: 'John Brown',
          age: 32,
          address: 'New York No. 1 Lake Park',
        },
        {
          key: '2',
          name: 'Jim Green',
          age: 42,
          address: 'London No. 1 Lake Park',
        },
        {
          key: '3',
          name: 'Joe Black',
          age: 32,
          address: 'Sidney No. 1 Lake Park',
        },
      ],
    };
  },
  methods: {
    handleClick(text) {
      console.log(`You clicked on ${text}`);
    },
  },
};
</script>

在上面的代码中，我们在`customcell`中添加了一个`div`元素，并在其中添加了一个`@click`事件监听器。当用户点击该单元格时，`handleClick`方法将被调用，并且文本内容将被传递给它。您可以根据需要更改`handleClick`方法的实现。