怎樣才能只取數(shù)組中的第一條數(shù)據(jù)
vue 只渲染數(shù)組的第一條數(shù)據(jù)
炎炎設(shè)計
2019-03-22 19:15:54
5 回答
慕沐林林
TA貢獻(xiàn)2016條經(jīng)驗 獲得超9個贊
兩種思路一種提前數(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ù)量多的時候，第一種性能比較好
呼如林
TA貢獻(xiàn)1798條經(jīng)驗 獲得超3個贊
使用slice生成新的數(shù)組，然后v-for新數(shù)組：
<div class="list_img_holder_large" v-for="(img, index) in result.imgs.slice(0,1)">
<img :src="">
</div>
添加回答
舉報
0/150
提交
取消