vue中表格按顺序排序

在Vue中，可以使用数组的sort方法对表格按顺序排序。具体步骤如下：

1. 在表格中绑定一个数组，例如：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="(item, index) in dataList" :key="item.id">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <td>{{ item.gender }}</td>
    </tr>
  </tbody>
</table>

2. 在Vue实例中定义一个sort方法，用于对数组进行排序。例如：

data: {
  dataList: [
    { id: 1, name: '张三', age: 20, gender: '男' },
    { id: 2, name: '李四', age: 25, gender: '女' },
    { id: 3, name: '王五', age: 30, gender: '男' }
  ]
},
methods: {
  sortByAge() {
    this.dataList.sort((a, b) => a.age - b.age);
  },
  sortByName() {
    this.dataList.sort((a, b) => a.name.localeCompare(b.name));
  }
}

3. 在表头添加排序按钮，并绑定对应的sort方法。例如：

<thead>
  <tr>
    <th @click="sortByName">姓名</th>
    <th @click="sortByAge">年龄</th>
    <th>性别</th>
  </tr>
</thead>

这样就可以实现按顺序排序的表格了。注：以上代码仅供参考，具体实现方式可以根据实际情况进行调整。