CODEWITHSUNDEEP
javascriptvue.js
Timothy Clotworthy
Timothy Clotworthy

Reputation: 2472

javascript - concat a string to a variable

I have the following in a vue.js script:

<v-tab v-for="type in searchTypes" :id="type.value" :key="type.value" @click="getSelectValue(type.value)">

I want to append the id of "type.value" with a fixed string "_tab"

I have tried various ways without getting it to work. Any help is appreciated. thank you

Upvotes: 1

Views: 58

Answers (3)

Jose Lora
Jose Lora

Reputation: 1390

You can use javascript expressions to contat the string like this:

<v-tab v-for="type in searchTypes" :id="type.value + '_tab'" :key="type.value" @click="getSelectValue(type.value)">

I hope this can help you here is the source:

Using JavaScript Expressions

Upvotes: 1

Dan Zuzevich
Dan Zuzevich

Reputation: 3831

You can use template literal syntax to do that. I'm a React guy, but I think this will work. Hopefully I understood the question correctly.

<v-tab v-for="type in searchTypes" :id="`_tab${type.value}`" :key="type.value" @click="getSelectValue(type.value)">

Upvotes: 0

Jacob
Jacob

Reputation: 1840

Just use string interpolation:

<v-tab v-for="type in searchTypes" :id="`${type.value}_tab`" :key="type.value" @click="getSelectValue(type.value)">

Upvotes: 0

Related Questions