javascript - 使用Vue.js动态设置ID标签

我有一个带有todo Prop 的vue.js模板。我想动态设置每个元素的id值。到目前为止，我已经尝试过这种方法，是否有可能这样做？如果没有，还有其他选择吗？

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

最佳答案

这应该工作。

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

或者

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

如果浏览器不支持字符串插值，也可以采用老式的方法:

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

这本质上是a duplicate，但我无法确定如何在注释中转义反引号!