vue-easytable 排序当前行变化其他行不受排序影响不变化

在 `vue-easytable` 中，如果要实现当前行排序变化不影响其他行的排序，可以使用 `sort-change` 事件和 `sort` 属性来实现。具体步骤如下：

1. 定义一个变量 `currentSort` 来保存当前排序的列和排序方式。

2. 监听 `sort-change` 事件，并在事件处理函数中获取当前排序的列和排序方式，并将其保存到 `currentSort` 变量中。

3. 对当前行进行排序，排序方法可以使用 JavaScript 的 `Array.sort()` 方法，排序方法的本质是将当前行移动到正确的位置。

4. 在 `sort-change` 事件处理函数中，将 `sort` 属性设置为 `currentSort` 变量的值，这样就可以保持其他行的排序不受影响。

下面是示例代码：

<template>
  <div>
    <VTable :columns="columns" :data="data" :sort-change="handleSortChange"></VTable>
  </div>
</template>

<script>
import VTable from 'vue-easytable'

export default {
  components: {
    VTable
  },
  data() {
    return {
      columns: [
        { field: 'id', title: 'ID', width: 100 },
        { field: 'name', title: 'Name', width: 200 },
        { field: 'age', title: 'Age', width: 100 }
      ],
      data: [
        { id: 1, name: 'John', age: 20 },
        { id: 2, name: 'Mike', age: 25 },
        { id: 3, name: 'Tom', age: 18 }
      ],
      currentSort: { prop: 'id', order: 'ascending' }
    }
  },
  methods: {
    handleSortChange(sort) {
      // 将当前排序的列和排序方式保存到 currentSort 变量中
      this.currentSort = sort
      // 对当前行进行排序
      const currentRow = this.data.find(item => item.id === sort.column.id)
      const index = this.data.indexOf(currentRow)
      this.data.splice(index, 1)
      this.data.sort((a, b) => {
        const valA = a[sort.prop]
        const valB = b[sort.prop]
        if (sort.order === 'ascending') {
          return valA > valB ? 1 : -1
        } else if (sort.order === 'descending') {
          return valA < valB ? 1 : -1
        } else {
          return 0
        }
      })
      this.data.splice(index, 0, currentRow)
      // 将 sort 属性设置为 currentSort，保持其他行的排序不受影响
      this.$refs.table.sort = this.currentSort
    }
  }
}
</script>

在上面的代码中，我们定义了一个 `currentSort` 变量来保存当前排序的列和排序方式，并在 `handleSortChange` 方法中监听 `sort-change` 事件，获取当前排序的列和排序方式，并将其保存到 `currentSort` 变量中。然后，我们对当前行进行排序，将当前行移动到正确的位置。最后，我们将 `sort` 属性设置为 `currentSort` 变量的值，这样就可以保持其他行的排序不受影响。注意，我们使用了 `ref` 来获取表格组件实例，从而设置 `sort` 属性。