渲染數據時,有時候往往需要把最新的那條數據放在最上面,最簡單的方法就是在渲染之前把數據先倒序排列好,再渲染到網頁上。
這時就要用到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();
}
},