Vue.js - Sorting a list in descending order

Question

I want to display a sorted list using the value I get from my DataObject:

<div class="recommendation" v-for="l in list" :key="`_${l.id}`">

My list is not currently ordered:

export default {
  name: "HelloWorld",
  data() {
    return {
      list: []
    };
  },
  mounted: function() {
    let self = this;
    backend.matches().then(function(resp) {
      self.list = resp.data.listings;
    });
  },
  computed: {
    
  }
};

I want to order my list with my l.weight value in descending order.

What would be the best approach to order my list?

Boussadjra Brahim · Accepted Answer · 2020-07-22 13:15:00Z

2

Try to use the sort method :

    backend.matches().then(function(resp) {
      self.list = resp.data.listings;
      self.list.sort((a,b)=>a.weight<b.weight?1:-1) 
    });

answered Jul 22, 2020 at 13:15

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js - Sorting a list in descending order

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related