Vue.js如何设置:id前缀字符串？

Question

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

我在vue社区中找到了这个例子,但在我的情况下,我希望我的"id"有一个前缀,而不仅仅是一个数字.

也就是说,如果索引是1,我想要 <span id='sp_1'></span>而不是<span id='1'></span>.

Answer 1

你可以这样做,代码应该是自我解释的:

<div v-for="(tabTitle, index) in tabTitleList">
    <span :id="'sp_' + index"> {{tabTitle}} </span>
</div>

文档链接.