【vue】v-for倒序显示/JSON数据倒序

16lz 2021-04-07

渲染数据时，有时候往往需要把最新的那条数据放在最上面，最简单的方法就是在渲染之前把数据先倒序排列好，再渲染到网页上。
这时就要用到reverse()。

<div class="list" v-for="(item,index) in reverseSum" :key="index><ul ><li>{{item.id}}</li><li>{{item.sumtime}}</li><li>{{item.week}}</li><li>{{item.grasp}}</li></ul></div>

computed: {        reverseSum() {            return this.allSum.reverse();        }},

©著作权归作者所有：来自51CTO博客作者wx605879fdc8dae的原创作品，如需转载，请注明出处，否则将追究法律责任

更多相关文章

随机推荐