已为小白,啥都不懂 2022-01-10 10:15 采纳率: 98%
浏览 73
已结题

table表格中,后端给的排序方便,前端应该怎么调用

element组件中,我想要通过后端给的排序来排列,当我将sortable改为custom

img

这些 是什么意思,有没有写出代码来的让我参考一下的,越详细越好

  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-01-10 10:23
    关注

    后端已经给你排序了,让他依据那个返还的序号字段排一下就可以了

    如果你想前端排序的话就

    var arr = [{name: "小明", age: "24"}, {name: "小红", age: "18"}];

    // 升序
    var compare = function (prop) {
        return function (obj1, obj2) {
            var val1 = obj1[prop];
            var val2 = obj2[prop];
            if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
                val1 = Number(val1);
                val2 = Number(val2);
            }
            if (val1 < val2) {
                return -1;
            } else if (val1 > val2) {
                return 1;
            } else {
                return 0;
            }            
        } 
    }
    
    arr.sort(compare("age"))
    
    // 倒序
    var arr = [{'name': '张三', age: 26},{'name': '李四', age: 12},{'name': '王五', age: 37},{'name': '赵六', age: 4}];
    var objectArraySort = function (keyName) {
     return function (objectN, objectM) {
      var valueN = objectN[keyName]
      var valueM = objectM[keyName]
      if (valueN < valueM) return 1
      else if (valueN > valueM) return -1
      else return 0
     }
    }
    arr.sort(objectArraySort('age'))
    console.log(arr) // [{'name': '王五', age: 37},{'name': '张三', age: 26},{'name': '李四', age: 12},{'name': '赵六', age: 4}]
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月18日
  • 已采纳回答 1月10日
  • 创建了问题 1月10日

悬赏问题

  • ¥15 IAR程序莫名变量多重定义
  • ¥15 (标签-UDP|关键词-client)
  • ¥15 关于库卡officelite无法与虚拟机通讯的问题
  • ¥100 已有python代码,要求做成可执行程序,程序设计内容不多
  • ¥15 目标检测项目无法读取视频
  • ¥15 GEO datasets中基因芯片数据仅仅提供了normalized signal如何进行差异分析
  • ¥100 求采集电商背景音乐的方法
  • ¥15 数学建模竞赛求指导帮助
  • ¥15 STM32控制MAX7219问题求解答
  • ¥20 在本地部署CHATRWKV时遇到了AttributeError: 'str' object has no attribute 'requires_grad'