VueJS通过特定属性对对象数组进行排序/排序

Question

我有所有isPrimary属性的联系人对象数组。 其中只有一个应该是真实的，但是不管我想对数组顶部的所有主要联系人进行排序。 我正在使用VueJS并计划在列表组件中创建它。 我知道我可以创建一个计算属性，但是当它不真正比较a和b时，只是不确定如何重新排序，而只是想对其重新排序，因此不确定如何使用sort。 这是一个粗略的开始：

sortedContacts () {
  return this.contacts.sort((a, b) => { // what to do here? })
}

任何帮助将不胜感激！

Answer 1

使用sort和Boolean对强制类型进行编号，如下所示：

return this.contacts.sort(({ isPrimary: a }, { isPrimary: b }) => b - a);

通过比较true和false的数字表示（分别为1和0 ，并基于sort的回调的返回值，它返回一个数字，该数字确定每个项目也应移动的位置。

Answer 2

this.contacts.sort((a, b) => { a.isPrimary ? -1 : 1 })