antdesignvue table 上下键切换选中行

Ant Design Vue 的 Table 组件默认支持使用上下键切换选中行，只需要将 `rowKey` 属性设置为每行的唯一标识符，然后使用键盘上的上下箭头即可切换选中行。同时，你还需要将 `highlight-row` 属性设置为 `true` ，以便在选中行时高亮显示。

以下是一个示例代码：

<template>
  <a-table
    :columns="columns"
    :data-source="data"
    :row-key="record => record.id"
    :highlight-row="true"
  />
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { title: 'ID', dataIndex: 'id' },
        { title: 'Name', dataIndex: 'name' },
        { title: 'Age', dataIndex: 'age' },
        { title: 'Address', dataIndex: 'address' },
      ],
      data: [
        { id: 1, name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park' },
        { id: 2, name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park' },
        { id: 3, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park' },
        { id: 4, name: 'Jim Red', age: 32, address: 'London No. 2 Lake Park' },
      ],
    };
  },
};
</script>

在上面的示例代码中，我们使用 `:row-key="record => record.id"` 将每行的 `id` 值作为唯一标识符，然后将 `highlight-row` 属性设置为 `true` ，以便在选中行时高亮显示。当你使用键盘上的上下箭头时，Ant Design Vue 的 Table 组件会自动切换选中行。