antdvue table 代码更改defaultSortOrder从descend改为asend 高亮按钮不变

如果你想要通过代码将 AntdVue 的 Table 组件的默认排序顺序从 `descend` 改为 `ascend`，同时保持排序按钮的高亮状态不变，可以通过以下步骤实现：

1. 在 Table 组件中添加 `ref` 属性，用于在代码中获取 Table 实例。例如：

<a-table
  ref="myTable"
  :columns="columns"
  :data-source="data"
  :default-sort-order="'descend'"
>
</a-table>

2. 在组件的 `mounted` 生命周期钩子中，获取 Table 实例，并手动修改其 `sortOrder` 和 `sortColumn` 属性。例如：

mounted() {
  const tableInstance = this.$refs.myTable.antTable.currentTable;
  tableInstance.sortOrder = 'ascend';
  tableInstance.sortColumn = this.columns.find(column => column.sortOrder);
},

在上面的代码中，我们首先通过 `$refs` 获取了 Table 实例，并将其赋值给 `tableInstance` 变量。然后，我们手动修改了 `sortOrder` 属性的值为 `'ascend'`，并将 `sortColumn` 属性的值设置为当前已经高亮的排序按钮的 `dataIndex` 值。

注意，由于 `mounted` 生命周期钩子是在组件挂载完成后调用的，因此需要保证 Table 组件已经渲染完成，并且已经存在高亮的排序按钮。

完整的代码示例如下：

<template>
  <a-table
    ref="myTable"
    :columns="columns"
    :data-source="data"
    :default-sort-order="'descend'"
  >
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
          sorter: true,
        },
        {
          title: 'Age',
          dataIndex: 'age',
          sorter: true,
        },
        {
          title: 'Address',
          dataIndex: 'address',
          sorter: true,
        },
      ],
      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',
        },
      ],
    };
  },
  mounted() {
    const tableInstance = this.$refs.myTable.antTable.currentTable;
    tableInstance.sortOrder = 'ascend';
    tableInstance.sortColumn = this.columns.find(column => column.sortOrder);
  },
};
</script>