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

 后台请求回来的数据不会像UI设计那种有顺序,但老大要求要按照UI排序的方式来展示,我们应该怎么做呢?

打印后台的关键值:

vue 对后台数据(json)进行指定排序_第1张图片

我们可以在data里建一个数组如:idsj里的属性写和后台对应的ID 一样的再进行对比

 data(){
        return{
     
            IDs:["mjs","zgs","fjs",'30z40','30yx']
        }
 methods:{
        loading(){
            let self = this;
            self.ulmoney=[];
            let params = {
                sysUnit:self.$parent.initInfoParams
            }
            // 队伍信息
            self.$http.get(self.apis.getDwxx,{params}) .then(function(response) {
                // console.log(response)
                let value = response.data.record
                self.data = response.data.record;
                // self.ulmoney = response.data.record;
                for(let i = 0;i{
                    console.log(el.NAMES,el.VALUE,el.ID)                 
                        if(el.ID == self.IDs[i]){
                            self.ulmoney.push(el);
                        }
                    })
                }
            })
        }
    },

 vue 对后台数据(json)进行指定排序_第2张图片

 

你可能感兴趣的:(vue2.0,周家大小姐)