使用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"

这基本上是a duplicate但是我无法确定如何在评论中逃避反引号！