美文网首页
vue根据数组中对象的属性进行排序

vue根据数组中对象的属性进行排序

作者: 一条小团团ovo的就很棒 | 来源:发表于2019-06-11 01:27 被阅读0次
    • 页面上写入

    <template>
     <div>
       <div v-for='(item,index) in arr1'>{{item.name}}</div>
     </div>
    </template>
    
    • methods中写入sortKey方法

    data(){
      return{
          arr:[{name:'zzc',age:12},{name:'lxy',age:13},{name:'tjy',age:14}]
      }
    }
    methods:{
          sortKey(array,key){
              return array.sort(function(a,b){
                  var x = a[key];
                  var y = b[key];
                  return ((y<x)?-1:(x>y)?1:0)   //从小到大排序
          })
      }
    }
    
    • computed中获取最新的数组:

      computed:{
          arr1:function(){
            return this.sortKey(this.arr,'age')
      }
    }
    

    相关文章

      网友评论

          本文标题:vue根据数组中对象的属性进行排序

          本文链接:https://www.haomeiwen.com/subject/iwbxfctx.html