渲染数据时,有时候往往需要把最新的那条数据放在最上面,最简单的方法就是在渲染之前把数据先倒序排列好,再渲染到网页上。
这时就要用到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(); } },