element 中table 使用后端排序

在Vue.js的Element UI库中，如果你想要实现表格的后端排序功能，通常的做法是在后端API请求数据时，根据前端传给服务器的排序字段和方向参数来进行数据的排序。以下是步骤：

1. **发送请求**：当用户点击表头的列，你需要触发一个事件，比如`@click="sortTable"`，在这个方法中向后端发送包含排序字段（如`'name'`或`'date'`）和排序顺序（`'asc'`或`'desc'`）的数据。

methods: {
  sortTable(field) {
    this.$axios.get('/api/data', { params: { sortBy: field, sortOrder: this.sortOrder } })
      .then(response => (this.data = response.data))
      // 更新当前的排序状态，例如将默认的排序序号切换
      .then(() => (this.sortOrder = this.sortOrder === 'asc' ? 'desc' : 'asc'));
  }
}

2. **接收并应用数据**：后端接收到请求后，根据传入的参数对数据库查询结果进行排序，并返回排序后的数据集。

3. **更新视图**：收到新数据后，将排序后的数据赋值给组件内的data属性，然后更新表格展示的内容。

4. **处理初始加载**：如果初次加载数据也是从后端获取，记得在数据到达之前先显示一个暂无数据的状态。