javascript - render函数 - vue v-for key index



Vue.js:无法在v-for中订购 (1)

我已经升级到Vue.js 2.0.5和orderBy在V - 似乎不再工作

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

输出

  • 无效的表达式:v-for =“c in rooms | orderBy'last_iteraction'”

任何人都知道如何解决?


Answer #1

在vue.js v-2中删除orderBy Filter。

从vue.js文档引用

代替:

<p v-for="user in users | orderBy 'name'">{{ user.name }}</p>

在计算属性中使用lodash的orderBy(或可能是sortBy):

<p v-for="user in orderedUsers">{{ user.name }}</p>

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

参考:

https://vuejs.org/v2/guide/migration.html#Replacing-the-orderBy-Filter