Vue.js：无法在v-for中订购 [英] Vue.js: can't orderBy in v-for

查看：149 发布时间：2019/6/5 23:20:45 javascript vue.js

本文介绍了Vue.js：无法在v-for中订购的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我已升级到Vue.js 2.0.5并且v-for中的orderBy似乎不再起作用

I've upgraded to Vue.js 2.0.5 and orderBy in a v-for seems to not be working anymore

<li v-for="c in rooms | orderBy 'last_iteraction'">

输出

表达式无效：v-for =c in rooms | orderBy'last_iteraction'

任何人都知道如何解决？

anyone knows how to solve?

orderBy过滤器已在vue.js v-2中删除。

orderBy Filter is removed in vue.js v-2.

引自vue.js docs

Quoted from vue.js docs

而不是：

< p v-for =用户中的用户| orderBy'name'> {{user.name}}< / p>

在计算属性中使用lodash的orderBy（或者可能是sortBy）：

Use lodash’s orderBy (or possibly sortBy) in a computed property:

< p v-for =orderedUsers中的用户> {{user.name}}< / p>

computed: {
  orderedUsers: function () {
    return _.orderBy(this.users, 'name')
  }
}

参考：

这篇关于Vue.js：无法在v-for中订购的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

Vue.js：无法在v-for中订购 [英] Vue.js: can&#39;t orderBy in v-for