vue 根據后端返回的指定字段（true or false）排序

時間：2022/11/26 00:21

這么晚了還在忙著寫代碼，你說我努力不？哈哈~

這個問題是我在項目中遇到的問題，要求創建正確的應該是主單位和兼職單位依次排列展示（如下圖），然而提交成功后，編輯的時候發現數據展示正好反過來了成了兼職、主結構展示在頁面，所以為了區分主、兼職單位，最后后端就在這個數據內加了一個字段，通過字段屬性值的true和false來排序，我們定義的true代表的是主單位，false代表的是兼職單位。

比如后端返回的數據結構如下：

const resArr = [
    {
        "id": 10307,
        "major": false
    },
    {
        "id": 14211,
        "major": true
    }
]

經過排序方法：

resArr.sort((a, b) => b.major - a.major);

現在的數據就成了這樣：

[ { "id": 14211, "major": true }, { "id": 10307, "major": false} ]

經過這么一搞就實現的需求要求的樣子。