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