【vue】v-for按照字段自定义排序

需求：

v-for一个数组，按照数组里面的orderNumber字段进行排序。

解决：关键代码如下👇

 <li v-for='item in sort'>{{item}}</li>

 computed:{
       sort:function(){
       return sortByKey(this.modules,'orderNumber');
       //this.modules是原数组
     }
   }

  methods: {
    //直接拷贝这个方法
    sortByKey(array, key) {
      return array.sort(function(a, b) {
        var x = a[key];
        var y = b[key];
        return x < y ? -1 : x > y ? 1 : 0;
      });
    },
   }

主要利用computed。可以console一下sort，可以返回按照oderNumber排序好的数组👌