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> 

文檔link。