用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:{
·
来源网址: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"
更多推荐
已为社区贡献7条内容
所有评论(0)