sorting list of object by property in VueJS

Question

I have just started to learn VueJS 2 and the more questions I have the harder it becomes.

The idea is that I have a sample problem with an array of objects, where I want to sort the array by "votes" property, which can be dynamically updated for each separate element. I want to sort my list by votes dynamically. Thus the question is how can I do that without doing weird code.

In angular you will do something like

for candidate in candidates | orderBy: 'votes'

but in here I could of though only of something like

v-for="(value, index, key) in sorted_candidates"

where in .js I'll have

 computed : {
      sorted_candidates() {
          return this.candidates.sort((a, b) => { return b.votes - a.votes;});
      }
  }

So my question would be if there is a more elegant way to solve this problem? Note: I am sorting on object property.

Using is computed is how you do it in Vue 2.

Bert
– Bert

2017-08-21 02:46:54 +00:00
Commented Aug 21, 2017 at 2:46 — Bert
– Bert, Commented Aug 21, 2017 at 2:46

tony19 · Accepted Answer · 2022-07-15 20:42:10Z

6

This is already a simple enough solution, in Vue1 you can still use OrderBy but in Vue2 they suggest you opt for the current solution you currently have, you can reference on here

edited Jul 15, 2022 at 20:42

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Aug 21, 2017 at 3:12

kevguy

4,4381 gold badge27 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

sorting list of object by property in VueJS

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