Setting id tag dynamically using vuejs

Question

I have a vue.js template that has a todo prop. I want to dynamically set the id value of each element. This what I have tried so far, is something like this possible and if not what are some other options?

<canvas class="canvas" id="cv`${{todo.id}}`" width="500" height="700"></canvas>

Bert · Accepted Answer · 2017-12-08 00:02:08Z

57

This should work.

:id="`cv${todo.id}`"

or

v-bind:id="`cv${todo.id}`"

Or do it the old-school way if the browser doesn't support string interpolation:

:id="'cv' + todo.id"

This is essentially a duplicate but I couldn't determine how to escape the backticks in a comment!

answered Dec 8, 2017 at 0:02

Bert

82.6k17 gold badges205 silver badges166 bronze badges

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

1 Comment

Anjan Biswas Over a year ago

I was facing problem with laravel project with "{{}}" not working. But you solution solve all of my problem.. thanks a lot.

lennoxGER · Accepted Answer · 2022-02-10 11:03:56Z

-1

This helped me to solve my problem :

<input v-bind:id="object.value1" v-model="object.value2"/>

answered Feb 10, 2022 at 11:03

lennoxGER

7347 silver badges9 bronze badges

Collectives™ on Stack Overflow

Setting id tag dynamically using vuejs

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related