文章詳情頁
javascript - vue 列表渲染 中限制條數(shù)
瀏覽：66日期：2023-03-19 18:09:01
問題描述
怎么限制只渲染2條數(shù)據(jù)呢？
<ul> <li v-for='i in data' v-text='i'></li></ul>data: [’a’,’b’,’c’,’d’]
問題解答
回答1：<ul> <li v-for='(i, index) in data' v-if='index < 2' v-text='i'></li></ul>回答2：
<ul>
<li v-for='i in data.slice(0, 2)' v-text='i'></li>
</ul>
標(biāo)簽：
JavaScript
上一條：javascript - 如何獲取數(shù)組下標(biāo)為偶數(shù)的下標(biāo)所對應(yīng)的數(shù)組內(nèi)的值下一條：javascript - vue單頁面應(yīng)用怎么把樣式抽取到一個獨立文件？
相關(guān)文章：
1. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？2. docker start -a dockername 老是卡住，什么情況？3. docker容器呢SSH為什么連不通呢？4. Android listview checkbox 單選5. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””6. Android TextView 或 ListView 加載過渡效果7. python-mysql Commands out of sync8. Python列表或者字典里面的中文如何處理？9. 爬蟲圖片 - 關(guān)于Python 爬蟲的問題10. python - （初學(xué)者）代碼運行不起來，求指導(dǎo)，謝謝！
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備