历史搜索

vue 根据后端返回的指定字段(true or false)排序

游客2024-10-11 07:30:01

时间:2022/11/26 00:21

这么晚了还在忙着写代码,你说我努力不?哈哈~

这个问题是我在项目中遇到的问题,要求创建正确的应该是主单位和兼职单位依次排列展示(如下图),然而提交成功后,编辑的时候发现数据展示正好反过来了成了兼职、主结构展示在页面,所以为了区分主、兼职单位,最后后端就在这个数据内加了一个字段,通过字段属性值的 true 和 false 来排序,我们定义的 true 代表的是主单位,false 代表的是兼职单位。

vue 根据后端返回的指定字段(true or false)排序 1

比如后端返回的数据结构如下:

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} ]

经过这么一搞就实现的需求要求的样子。

标签:vue