来源网址:https://segmentfault.com/t/vue.js

现在我想写三个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"
Logo

前往低代码交流专区

更多推荐