Vue.js how to set :id prefix string?

Question

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

I found this example in an vue community, but in my situation, I want my "id" has a prefix, not just a number.

That is to say, if the index is 1, I want <span id='sp_1'></span> instead of <span id='1'></span>.

Saurabh · Accepted Answer · 2016-12-24 10:21:13Z

up vote 2 down vote accepted

You can just do, code should be self explanatory:

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

Documentation link.

answered Dec 24 '16 at 10:21

Saurabh

10.2k11456

add a comment |

1 Answer 1