如何在 vue.js中使用 vfor 和 orderBy 过滤器反转数组的顺序

var v = new Vue({
    el: '#app',
    data: {
        items: [
            {id: 51,  message: 'first'},
            {id: 265, message: 'second'},
            {id: 32,  message: 'third'}
        ],
    }
}

<ol>
    <li v-for="item in items | orderBy -1" track-by="id">

Vue.filter('reverse', function(value) {
  // slice to make a copy of array, then reverse the copy
  return value.slice().reverse();
});

<ol>
    <li v-for="item in items | reverse" track-by="id">

Vue.js相关问答推荐

如何只提取一次用于无线电组过滤的数据，而不是针对数据库中的每个条目提取数据？

如何向 添加方法和 v-model？

我如何使用 vuejs 在我的 url 中编码一个令牌

如何使用 async/await 在 vue js 中添加标头

Nuxt 2.15.7 的构建错误 - 无法解析 CSS @font-face URL

使用 Vue.js 将文件输入绑定到按钮

v-for 内部的组件

避免在运行时向 Vue 实例或其根 $data 添加响应式属性

Vue动态mapGetters

如何在 vue.js 中删除类

为什么不先移动鼠标就无法滚动视差？

在渲染组件之前从 api 获取数据

Angular 5 中的 功能

Vue-test-utils：在单个测试中多次使用 $nextTick

我在 Nuxt 2.14.0 中运行的是什么版本的 Vue？

axios 拦截器响应未定义

VueJS 路由 - 使用子路由和 Vuetify 时如何停止多个活动路由(active routes)？

如何在 vue.js 中进行嵌入？

TypeError： Object(...) 不是 Vue 中的函数

vue-cli@3 没有可用于依赖类型的模块工厂：CssDependency