todo プロパティを持つ vue.js テンプレートがあります。各要素の id 値を動的に設定したいと考えています。これは私がこれまで試してきたことですが、このようなことは可能でしょうか。また、不可能な場合は、他のオプションは何ですか?
<canvas class="canvas" id="cv`${{todo.id}}`" width="500" height="700"></canvas>
ベストアンサー1
これでうまくいくはずです。
:id="`cv${todo.id}`"
または
v-bind:id="`cv${todo.id}`"
または、ブラウザが文字列補間をサポートしていない場合は、昔ながらの方法で実行します。
:id="'cv' + todo.id"
これは本質的に重複しかし、コメント内のバッククォートをエスケープする方法がわかりませんでした。