文章詳情頁
javascript - vue 列表渲染 中限制條數
瀏覽：59日期：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. 數組按鍵值封裝！2. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題3. java - 阿里的開發手冊中為什么禁用map來作為查詢的接受類?4. docker不顯示端口映射呢？5. javascript - webpack中alias配置中的“@”是什么意思？6. 主題切換問題，用過別人的webapp在后臺切換模板主題后手機端打開網頁就是切換到的主題了7. python - flask _sqlalchemy 能否用中文作為索引條件8. javascript - 為什么創建多行多列的表格最后只有一行內有表格9. javascript - ES6規范下 repeat 函數報錯 Invalid count value10. html5 - 使用echarts中的圖表 一個頁面導入了好幾個js圖表 實現echarts圖表隨著瀏覽器窗口變化而變化時出現了問題
排行榜
網公網安備