【vue】v-for倒序顯示/JSON數據倒序


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM