我試圖用來v-for循環(huán)包含標題和圖標的數(shù)據(jù)?,F(xiàn)在我只能通過循環(huán)獲得一個圖標,我的問題是循環(huán)時如何獲得多個圖標?我做了一個代碼筆:https ://codepen.io/anon/pen/MMaGOZ ?& editable = true & editors = 101 。所以基本上在這個例子中,我如何獲得多個圖標。因此,如果我還想要儀表板旁邊的搜索圖標。 <div id="app"> <v-app id="inspire"> <v-navigation-drawer class="blue lighten-3" dark permanent > <v-list> <v-list-tile v-for="item in items" :key="item.title" @click="" > <v-list-tile-action> <v-icon>{{ item.icon }}</v-icon> </v-list-tile-action> <v-list-tile-content> <v-list-tile-title>{{ item.title }}</v-list-tile-title> </v-list-tile-content> </v-list-tile> </v-list></v-navigation-drawer> new Vue({ el: '#app', data () { return { items: [ { title: 'Dashboard', icon: 'dashboard','search' }, { title: 'Account', icon: 'account_box' }, { title: 'Admin', icon: 'gavel' } ] } } })如果我這樣做icon: 'dashboard', 'search' => 這會給我一條錯誤消息。不知道我怎么能得到這個?提前致謝。
在 vuejs 中使用 v-for 循環(huán)?
函數(shù)式編程
2021-06-30 16:15:25