这个用vue2怎么写:<template> <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" /> </template> <script lang="ts"> import { defineComponent, computed, ref, unref } from 'vue'; import { ColumnProps } from 'ant-design-vue/es/table/interface'; type Key = ColumnProps['key']; interface DataType { key: Key; name: string; age: number; address: string; } const columns = [ { title: 'Name', dataIndex: 'name', }, { title: 'Age', dataIndex: 'age', }, { title: 'Address', dataIndex: 'address', }, ]; const data: DataType[] = []; for (let i = 0; i < 46; i++) { data.push({ key: i, name: `Edward King ${i}`, age: 32, address: `London, Park Lane no. ${i}`, }); } export default defineComponent({ setup() { const selectedRowKeys = ref<Key[]>([]); // Check here to configure the default column const onSelectChange = (changableRowKeys: Key[]) => { console.log('selectedRowKeys changed: ', changableRowKeys); selectedRowKeys.value = changableRowKeys; }; const rowSelection = computed(() => { return { selectedRowKeys: unref(selectedRowKeys), onChange: onSelectChange, hideDefaultSelections: true, selections: [ { key: 'all-data', text: 'Select All Data', onSelect: () => { selectedRowKeys.value = [...Array(46).keys()]; // 0...45 }, }, { key: 'odd', text: 'Select Odd Row', onSelect: (changableRowKeys: Key[]) => { let newSelectedRowKeys = []; newSelectedRowKeys = changableRowKeys.filter((key, index) => { if (index % 2 !== 0) { return false; } return true; }); selectedRowKeys.value = newSelectedRowKeys; }, }, { key: 'even', text: 'Select Even Row', onSelect: (changableRowKeys: Key[]) => { let newSelectedRowKeys = []; newSelectedRowKeys = changableRowKeys.filter((key, index) => { if (index % 2 !== 0) { return true; } return false; }); selectedRowKeys.value = newSelectedRowKeys; }, }, ], }; }); return { data, columns, selectedRowKeys, rowSelection, }; }, }); </script>

以下是Vue2版本的代码，对应你提供的模板：

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

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
        },
        {
          title: 'Age',
          dataIndex: 'age',
        },
        {
          title: 'Address',
          dataIndex: 'address',
        },
      ],
      data: [],
      selectedRowKeys: [],
    };
  },
  created() {
    for (let i = 0; i < 46; i++) {
      this.data.push({
        key: i,
        name: `Edward King ${i}`,
        age: 32,
        address: `London, Park Lane no. ${i}`,
      });
    }
  },
  computed: {
    rowSelection() {
      return {
        selectedRowKeys: this.selectedRowKeys,
        onChange: this.onSelectChange,
        hideDefaultSelections: true,
        selections: [
          {
            key: 'all-data',
            text: 'Select All Data',
            onSelect: () => {
              this.selectedRowKeys = Array.from({ length: 46 }, (_, i) => i);
            },
          },
          {
            key: 'odd',
            text: 'Select Odd Row',
            onSelect: () => {
              this.selectedRowKeys = this.selectedRowKeys.filter((key, index) => index % 2 !== 0);
            },
          },
          {
            key: 'even',
            text: 'Select Even Row',
            onSelect: () => {
              this.selectedRowKeys = this.selectedRowKeys.filter((key, index) => index % 2 === 0);
            },
          },
        ],
      };
    },
  },
  methods: {
    onSelectChange(changableRowKeys) {
      console.log('selectedRowKeys changed: ', changableRowKeys);
      this.selectedRowKeys = changableRowKeys;
    },
  },
};
</script>

注意，此代码为Vue2版本，根据你提供的模板进行了相应的转换。请确保已正确安装`ant-design-vue`和其他相关依赖，并根据实际需求进行适当的调整。