前端实现element表格有条件查询后排名的效果

2021-05-13  本文已影响0人  O人心
问了同行,都说排名这个是后端做,前端负责渲染页面就好了,但是我这个后端说不帮我处理,自己想办法,原因是后端处理起来,数据会很慢
start.png
  this.returnData.forEach((r, index) => {
        r.rank = index + 1;
    });
    // 有条件去查询的话,直接将返回的returnData
    if (!params.cityCode && !params.mobile && !params.realName) {
        this.returnDataAll = this.returnData;
    }
    this.returnDataAll.forEach((r) => {
        this.returnData.forEach((rr) => {
        if (r.userId == rr.userId) {
            rr.rank = r.rank;
        }
        });
    });

思路:设了中间变量,将返回的的returnData的这个数组,处理自定义一个前端的排名的字段rank,利用唯一不变的每条数据的userId查到相等的那条数据,然后进行赋值,页面中循环的数组是returnData数组

代码中两层forEach循环,里面那层应该可以用 filter数组方法来筛选。

上一篇 下一篇

猜你喜欢

热点阅读