在VueJS中按属性排序对象列表

Question

我刚刚开始学习VueJS 2,我遇到的问题越多越难.

我的想法是我有一个对象数组的示例问题,我想通过"votes"属性对数组进行排序,可以为每个单独的元素动态更新.我想动态地对我的列表进行排序.因此,问题是如何在不做奇怪代码的情况下做到这一点.

在角度你会做类似的事情

for candidate in candidates | orderBy: 'votes'

但在这里,我只能做类似的事情

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

我在哪里.js

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

所以我的问题是,如果有更优雅的方法来解决这个问题？注意:我正在对对象属性进行排序.

Answer 1

这已经是一个足够简单的解决方案，在 Vue1 中您仍然可以使用OrderBy但在 Vue2 中他们建议您选择您当前拥有的当前解决方案，您可以参考这里