vue 对后台数据(json)进行排序
大多数情况下后端会将数据返回给我们想要的json格式,但是有些情况下可能刚开始数据没有排序,但是突然的甲方说这块数据要从大到小排序,后端改的话比较麻烦,这时候前端直接处理就快很多了,话不多说,上代码。data(){return{leftContent:[]//要绑定的数据,这里是数组套对象格式}},mounted() {this.gettyedata()},methods:{gettye
·
大多数情况下后端会将数据返回给我们想要的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条内容
所有评论(0)