文章詳情頁
javascript - vue 列表渲染 中限制條數(shù)
瀏覽：70日期：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)所對(duì)應(yīng)的數(shù)組內(nèi)的值下一條：javascript - vue單頁面應(yīng)用怎么把樣式抽取到一個(gè)獨(dú)立文件？
相關(guān)文章：
1. android - weex 項(xiàng)目createInstanceReferenceError: Vue is not defined2. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入3. android - 哪位大神知道java后臺(tái)的api接口的對(duì)象傳到前端后輸入日期報(bào)錯(cuò)，是什么情況？求大神指點(diǎn)4. javascript - 如圖，百度首頁，查看源代碼為什么什么都沒有？5. pdo 寫入到數(shù)據(jù)庫的內(nèi)容為中文的時(shí)候?qū)懭雭y碼6. vue2.0+webpack 如何使用bootstrap？7. PHP類封裝的插入數(shù)據(jù)，總是插入不成功，返回false；8. docker綁定了nginx端口 外部訪問不到9. mac連接阿里云docker集群，已經(jīng)卡了2天了，求問？10. ddos - apache日志很多其它網(wǎng)址，什么情況？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備