用vue,如何給一個列表中的每個元素標籤繫結id
阿新 • • 發佈:2019-02-10
現在我想寫三個span標籤,並且每個標籤上都要繫結上一個id。結構現在是這樣的:
<span class="tab-title" v-on:click="tab" v-for="(tabTitle,index1) in tabTitleList">{{ tabTitle.title }}</span>
JS如下:
var app3=new Vue({
el:'#app3',
data:{
tabTitleList:[
{title:'Tab1'},
{title:'Tab2'},
{title:'Tab3' }
]
}
});
如果我想綁ID的話,應該怎麼寫呢?
1、如果只是用索引來做id的話,可以這樣做
class="tab-title"
v-on:click="tab"
v-for="(tabTitle,index) in tabTitleList"
:id="index"
2、如果id在 tabTitleList 裡的話,可以這樣做
class="tab-title"
v-on:click="tab"
v-for="(tabTitle,index) in tabTitleList"
:id="tabTitle.id"