Vue3-element-plus表格中动态加载数据后再进行列排序

直接上代码
1、表格定义

<el-table ref="tableRef" :data="tableData" style="width: 100%">
      <!-- 省略表头等内容 -->
       <el-table-column prop="id" label="ID"></el-table-column>
      <el-table-column prop="name" label="名称"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
    </el-table>

2、js

import { ref, nextTick } from 'vue'

<script>
export default {
	data(){
		return{
			tableData: []
		}
	},
	methods:{
	  getData(){
	    // axios加载数据，略
	    this.tableData = response.data;
	
	    // 加载完成后再排序
		nextTick(()=>{
		  this.$refs.tableRef.sort('id', 'descending');   //逆序
		})
	  }
	},
	mounted() {
		this.getData();
	}
}
</script>

参考：
https://element-plus.org/zh-CN/component/table.html#table-%E5%B1%9E%E6%80%A7
https://www.cnblogs.com/onesea/p/15702253.html