使用 vuejs 动态设置 id 标签

Posted 2023-02-23

【中文标题】使用 vuejs 动态设置 id 标签

【英文标题】：Setting id tag dynamically using vuejs

【发布时间】：2018-05-22 04:32:50

【问题描述】：

我有一个带有 todo 属性的 vue.js 模板。我想动态设置每个元素的 id 值。这是我到目前为止所尝试的，这样的事情可能吗？如果不是，还有其他选择吗？

<canvas class="canvas" id="cv`$todo.id`"  ></canvas> 

【参考方案1】：

这应该可行。

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

或

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

如果浏览器不支持字符串插值，或者使用老式方法：

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

这本质上是a duplicate，但我无法确定如何避免评论中的反引号！

【讨论】：

我遇到了 laravel 项目的问题，“”不起作用。但你的解决方案解决了我所有的问题.. 非常感谢。