使用vuejs动态设置id标签

Question

我有一个有todo道具的vue.js模板.我想动态设置每个元素的id值.这是我到目前为止所尝试过的,这是可能的,如果没有,还有什么其他选择？

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

Answer 1

这应该工作.

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

要么

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

或者,如果浏览器不支持字符串插值,请按照旧式方式进行:

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

这基本上是重复但我无法确定如何在评论中逃避反引号!