vue 对后台数据(json)进行排序

博客指出多数情况下后端返回所需JSON格式数据,但有时甲方要求数据排序,后端修改麻烦,前端处理更快。介绍了用JS的sort()方法对数据排序,着急使用可复制代码替换字段,想研究原理可看官方定义,也可移步w3school深入研究。

大多数情况下后端会将数据返回给我们想要的json格式,但是有些情况下可能刚开始数据没有排序,但是突然的甲方说这块数据要从大到小排序,后端改的话比较麻烦,这时候前端直接处理就快很多了,话不多说,上代码。

data(){
        return{
            leftContent:[]													//要绑定的数据,这里是数组套对象格式
        }
},
mounted() {
		this.gettyedata()
},
methods:{
        gettyedata(){
            request({														//这里使用封装好的axios请求方法
				url:'请求地址',
				method:'请求方式',
				params:{参数名:参数值}
			}).then(res=>{
				if(res.status===200){
					res.data=res.data.sort(function (a,b){		//重点在这里,下面有说明
							return b.inNum-a.inNum;				//inNum是要根据某个字段进行排序的字段名,
					})
					this.leftContent=res.data
				}else{
					'请求失败处理'
					}
			})
        }
}

方便查找就这直接在这里写了:

res.data=res.data.sort(function (a,b){						//重点在这里,下面有说明
							return b.inNUm-a.inNum;			//inNum是要根据某个字段进行排序的字段名,
					})

其实对数据进行排序仅仅是用了js的sort()方法,如果比较着急可以直接复制代码替换相应的字段进行使用,如果想研究其原理可以看看官方的定义。
在这里插入图片描述
如果看不明白可以移步到w3school进行深入研究。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值