javascript - concat a string to a variable

Question

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

tony19 · Accepted Answer · 2022-07-16 01:37:03Z

1

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:

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Sep 21, 2021 at 16:36

Jose Lora

1,3884 gold badges14 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jacob · Accepted Answer · 2021-09-21 16:37:19Z

0

Just use string interpolation:

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

answered Sep 21, 2021 at 16:37

Jacob

1,84011 silver badges17 bronze badges

Dan Zuzevich · Accepted Answer · 2021-09-21 16:40:34Z

0

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)">

answered Sep 21, 2021 at 16:36

Dan Zuzevich

3,8394 gold badges32 silver badges43 bronze badges