1.第一种方法,直接在v-for里面写:
<view v-for="(item,index) in array.slice().reverse()" :key="index">{{item.name}}</view>
2.第二种方法:利用计算属性
<div class="list" v-for="(item,index) in reverseSum">
<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();
}
},
记录一下数组的有关操作方法:
vue里面当data的某个属性是一个数组时,用v-for可以遍历,但显然数组是可能变动的,因此对以下变动也进行数据绑定;
push() 数组末尾添加
pop() 数组末尾取出
shift() 数组开头取出
unshift() 数组开头添加
splice() 删除并插入
sort() 排序
reverse() 数组顺序颠倒