vue gride表单箭头排序切换

在Vue Grid表单中，可以使用自定义方法来切换箭头排序。

1. 定义一个data属性来控制排序：

data() {
  return {
    sortDirection: true
  }
}

2. 在表头处添加一个点击事件，用于触发排序方法：

<thead>
  <tr>
    <th @click="sortTable('column_name')">Column Name <i :class="{ 'fa fa-arrow-up': sortDirection, 'fa fa-arrow-down': !sortDirection }"></i></th>
  </tr>
</thead>

3. 定义sortTable方法，用于对table数据进行排序：

methods: {
  sortTable(columnName) {
    this.sortDirection = !this.sortDirection;
    
    // 排序逻辑
    if (this.sortDirection) {
      this.tableData.sort((a, b) => a[columnName] > b[columnName] ? 1 : -1 );
    } else {
      this.tableData.sort((a, b) => a[columnName] < b[columnName] ? 1 : -1 );
    }
  }
}

使用上述方法，可以实现在Vue Grid表单中，根据箭头的方向来排序表格数据。