首页 > 解决方案 > Vue.js 在 v-for 中重写 orderBy 过滤器

问题描述

由于在 vue.js v-2 中删除了 orderBy 过滤器,我现在想知道如何重写此代码部分:

<li class="day" v-for="day in days | orderBy 'unix' 1" v-bind:class="{ 'outside': day.outsideOfCurrentMonth, 'empty': day.events.length === 0 }">

我想写

<li class="day" v-for="day in orderedDays"{{}}>

但我不知道在括号中写什么以及写什么orderBy()

computed: {
  orderedDays: function () {
    return _.orderBy()
  }
}

是完整的组件。有人可以帮忙吗?

标签: javascriptcssvue.jscomponents

解决方案


<li class="day" v-for="day in orderedDays">
computed: {
  orderedDays: function () {
    return _.orderBy(this.days, ['unix'], ['asc'])
  }
}

推荐阅读