iT邦幫忙

2023 iThome 鐵人賽

0

範圍

整數範圍也可以作為v-for渲染的條件,使用"item in number"的方式來重複渲染,如果我們要讓同一個行為重複10次,可以直接這樣寫<li v-for="item in 10"></li>

template

如果同時有多個節點想讓v-for來渲染可以把它包在template裡面,比如想要在下拉式選單的選項中間都加上分隔線,使用template可以達到這樣的效果。

排序&過濾

如果想要讓v-for進行排序或過濾,例如只輸出奇數或偶數,沒有一個直接可以讓v-for來達成這樣目的的指令,但可以通過computed或methods設定好條件再讓v-for直接輸出裡面處理完的資料,也就是產生一個新的陣列來回傳。而在computed中如果直接對data使用javaScript裡的sort會直接改變data儲存的基礎資料,可以先複製一份陣列再對它進行排序或過濾。


上一篇
No22: v-for列表
下一篇
No24: v-for&key
系列文
從0開始學習30天可以到什麼程度?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言