vue3 按下排序按钮的时候el-table怎么获取排序字段的值？

在Vue3中，可以使用$refs来获取el-table组件的实例，然后通过实例的sort事件来获取排序字段的值。

首先，在el-table组件上添加一个ref属性，例如ref="myTable"：

<el-table ref="myTable" :data="tableData">
  <!-- 表格列的定义 -->
</el-table>

然后，在按钮的点击事件中，通过this.$refs来访问el-table组件的实例，然后监听sort事件，获取排序字段的值：

methods: {
  handleSort() {
    const tableInstance = this.$refs.myTable
    tableInstance.$on('sort-change', ({ column, prop, order }) => {
      console.log('排序字段:', prop)
      console.log('排序方式:', order)
      // 根据排序字段的值进行相应的操作
    })
  }
}

在sort-change事件中，通过参数的prop属性获取排序字段的值，通过order属性获取排序方式（升序为ascending，降序为descending）。

通过以上方法，可以在按下排序按钮时，获取到el-table组件的排序字段的值