H5W3
当前位置:H5W3 > 其他技术问题 > 正文

用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的话,应该怎么写呢?

回答:

如果只是用索引来做id的话,可以这样做

class="tab-title" 
v-on:click="tab" 
v-for="(tabTitle,index) in tabTitleList"
:id="index"

如果id在 tabTitleList 里的话,可以这样做

class="tab-title" 
v-on:click="tab" 
v-for="(tabTitle,index) in tabTitleList"
:id="tabTitle.id"

回答:

大概可以这样操作

<div v-for="(tabTitle,index1) in tabTitleList">
<span class="tab-title" v-on:click="tab" :id="你想要绑定的id" >{{ tabTitle.title }}</span>
</div>

本文地址:H5W3 » 用vue,如何给一个列表中的每个元素标签绑定id

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址