文章詳情頁(yè)
javascript - vue 列表渲染 中限制條數(shù)
瀏覽:36日期:2023-03-19 18:09:01
問(wèn)題描述
怎么限制只渲染2條數(shù)據(jù)呢?
<ul> <li v-for='i in data' v-text='i'></li></ul>data: [’a’,’b’,’c’,’d’]
問(wèn)題解答
回答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è)面應(yīng)用怎么把樣式抽取到一個(gè)獨(dú)立文件?
相關(guān)文章:
1. spring-mvc - spring-session-redis HttpSessionListener失效2. android - NavigationView 的側(cè)滑菜單中如何保存新增項(xiàng)(通過(guò)程序添加)3. python文檔怎么查看?4. javascript - 請(qǐng)問(wèn)一下vue當(dāng)中是在什么時(shí)候請(qǐng)求數(shù)據(jù)保存全局變量的?5. php7.3.4中怎么開(kāi)啟pdo驅(qū)動(dòng)6. 除了 python2 和 python3,ipython notebook 還可以用哪些內(nèi)核?7. 老師 我是一個(gè)沒(méi)有學(xué)過(guò)php語(yǔ)言的準(zhǔn)畢業(yè)生 我希望您能幫我一下8. 提示語(yǔ)法錯(cuò)誤語(yǔ)法錯(cuò)誤: unexpected ’abstract’ (T_ABSTRACT)9. 這段代碼既不提示錯(cuò)誤也看不到結(jié)果,請(qǐng)老師明示錯(cuò)在哪里,謝謝!10. tp5 不同控制器中的變量調(diào)用問(wèn)題
排行榜

熱門(mén)標(biāo)簽