文章詳情頁
javascript - vue 列表渲染 中限制條數
瀏覽:58日期:2023-03-19 18:09:01
問題描述
怎么限制只渲染2條數據呢?
<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>
標簽:
JavaScript
相關文章:
1. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””2. Span標簽3. css - 求推薦適用于vue2的框架 像bootstrap這種類型的4. docker-machine添加一個已有的docker主機問題5. android新手一枚,android使用httclient獲取服務器端數據失敗,但是用java工程運行就可以成功獲取。6. css - 關于div自適應問題,大家看圖吧,說不清7. angular.js使用$resource服務把數據存入mongodb的問題。8. java - Collections類里的swap函數,源碼為什么要新定義一個final的List型變量l指向傳入的list?9. python - django如何每次調用標簽的時候都取隨機數據10. SessionNotFoundException:會話ID為null。調用quit()后使用WebDriver嗎?(硒)
排行榜
