Vue 排序：根据 sort 和 创建时间字段排序数据

Vue 排序：根据 sort 和 创建时间字段排序数据

假设你有一个数据数组，每个对象包含 sort 和 createTime 字段，你想根据 sort 字段进行初始排序，然后根据 createTime 字段进行二次排序。

以下是一个使用 Vue.js 进行排序的示例代码：

// 示例数据
data = [
  {id: 2, typeId: 1, name: '工程类', level: 0, parentId: 0, sort: 1, createTime: 1680831831000, ...},
  {id: 5, typeId: 1, name: 'fuw', level: 0, parentId: 0, sort: 1, createTime: 1680832228000, ...},
  {id: 6, typeId: 1, name: '2222', level: 0, parentId: 0, sort: 1, createTime: 1680832271000, ...},
  {id: 7, typeId: null, name: '9999', level: 0, parentId: 0, sort: 1, createTime: 1680832287000, ...},
  {id: 9, typeId: null, name: 'test', level: 0, parentId: 0, sort: 5, createTime: 1680833677000, ...},
  {id: 10, typeId: null, name: '嘿哈', level: 0, parentId: 0, sort: 5, createTime: 1680834009000, ...}
];

// 按 sort 字段排序
data.sort((a, b) => a.sort - b.sort);

// 按创建时间排序
data.sort((a, b) => a.createTime - b.createTime);

// 输出排序后的结果
console.log(data);

这段代码首先使用 sort 方法对数组进行排序，排序依据是每个对象中的 sort 字段。排序方法使用了箭头函数，根据 a.sort - b.sort 的结果来判断大小关系，从而实现升序排序。

接下来，再次使用 sort 方法对数组进行排序，排序依据是每个对象中的 createTime 字段。同样使用箭头函数来实现排序，根据 a.createTime - b.createTime 的结果来判断大小关系，从而实现升序排序。

最后，使用 console.log() 方法输出排序后的结果。

通过以上代码，你可以根据不同的排序字段进行多次排序，最终得到你想要的结果。