1. 程式人生 > >用vue,如何給一個列表中的每個元素標籤繫結id

用vue,如何給一個列表中的每個元素標籤繫結id

現在我想寫三個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"