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

在Vue 3中，可以使用v-model指令来绑定排序字段的值。首先，在data中定义一个sortField变量，用于保存排序字段的值：

data() {
  return {
    sortField: ''
  }
}

然后，在排序按钮上使用v-model指令将sortField与按钮的值绑定起来，这样当按钮的值发生变化时，sortField的值也会相应地更新：

<button v-model="sortField" value="field1">Sort by Field 1</button>
<button v-model="sortField" value="field2">Sort by Field 2</button>
<button v-model="sortField" value="field3">Sort by Field 3</button>

最后，在点击排序按钮的事件处理方法中，可以直接访问sortField变量的值来获取当前的排序字段：

methods: {
  handleSort() {
    console.log(this.sortField); // 获取排序字段的值
    // 执行排序逻辑
  }
}

这样，当点击排序按钮时，可以通过this.sortField获取到当前的排序字段的值，从而进行相应的排序操作