在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 只渲染數(shù)組的第一條數(shù)據(jù)

vue 只渲染數(shù)組的第一條數(shù)據(jù)

怎樣才能只取數(shù)組中的第一條數(shù)據(jù)
圖片描述

回答
編輯回答
涼薄

1.不循環(huán)
2.循環(huán)后加v-if="index===0"

2018年2月2日 19:48
編輯回答
編輯回答
墨小白

兩種思路一種提前數(shù)據(jù)處理遍歷數(shù)組長度為1；在data中定義list=[];js中this.list.push(result.imgs[0]);然后v-for處改為 v-for="(img,index) in list";
第二種思路直接在遍歷的時候限制就行上邊遍歷的代碼改為<img v-if="index<1" :src="..." />
不過數(shù)據(jù)量多的時候，第一種性能比較好

2017年8月3日 16:57
編輯回答
萌小萌

使用slice生成新的數(shù)組，然后v-for新數(shù)組：

<div class="list_img_holder_large" v-for="(img, index) in result.imgs.slice(0,1)">
    <img :src="">
</div>
2017年8月21日 14:12
編輯回答
愿如初

直接result.imgs[0]不可以嗎

2017年12月18日 20:00