antdesignvue table keydown事件

Ant Design Vue 的 Table 组件支持 keydown 事件，可以通过监听该事件来实现一些自定义的交互。

下面是一个示例代码：

<template>
  <a-table :columns="columns" :data-source="data" @keydown="handleKeyDown">
    <template slot="name" slot-scope="{ text }">
      <a :href="'/user/' + text">{{ text }}</a>
    </template>
  </a-table>
</template>
<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
          key: 'name',
          scopedSlots: { customRender: 'name' },
        },
        {
          title: 'Age',
          dataIndex: 'age',
          key: 'age',
        },
        {
          title: 'Address',
          dataIndex: 'address',
          key: 'address',
        },
      ],
      data: [
        {
          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: {
    handleKeyDown(event) {
      // 处理 keydown 事件
      console.log(event);
    },
  },
};
</script>

在上面的代码中，我们通过在 Table 组件上绑定 `@keydown` 事件来监听 keydown 事件。在 `handleKeyDown` 方法中，我们可以处理该事件并实现自定义的交互逻辑。例如，可以根据用户按下的键盘按键来进行排序、过滤等操作。