Bug Type: Component

Environment

• Vue Version: 3.2.40
• Element Plus Version: 2.2.17
• Browser / OS: UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36
• Build Tool: Vite

Reproduction

Related Component

• el-table

Reproduction Link

Element Plus Playground

Steps to reproduce

<script setup lang="ts">
import { ref, version as vueVersion } from 'vue'
import { version as EpVersion } from 'element-plus'
import { ElementPlus } from '@element-plus/icons-vue'

const DATA = [
{
releaseDate: 1640102400000,
landNo: 36
},
// 以下两个 releaseDate 相同，故再根据 landNo 进行对比
{
releaseDate: 1635264000000,
landNo: 33
},
{
releaseDate: 1635264000000,
landNo: 34
},
]

const tableData = ref([...DATA])

// 模拟异步请求数据（3秒后，注意观察表格第一列数据）
setTimeout(() => {
tableData.value = [...DATA]
}, 3000)

</script>

<template>
  <el-table 
            :data="tableData"
            :default-sort="{
prop: 'landNo',
order: 'descending'
}">
    <el-table-column
                     prop="landNo"
                     label="编号"
                     sortable></el-table-column>
    <el-table-column
                     prop="releaseDate"
                     label="发布时间"
                     sortable
                     :sort-by="['releaseDate', 'landNo']">
    </el-table-column>
  </el-table>
</template>

What is Expected?

与 ElementUI 的 el-table 表现一致，default-sort 对异步数据有效。

What is actually happening?

default-sort 仅在初始化数据有效（即对异步数据无效），对异步数据，须主动调用 table 的 sort 方法：

// 在异步获取数据的回调函数内
nextTick(() => {
 tableRef.value.sort(prop, order)
})

Additional comments

(empty)