2017-12-07 10 views
2

私はtodo propを持つvue.jsテンプレートを持っています。私は各要素のid値を動的に設定したい。これまで私が試したことは、これが可能なことであり、そうでない場合は何か他の選択肢がありますか?vuejsを使用してidタグを動的に設定する

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

答えて

4

これは動作するはずです。

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

または

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

またはブラウザが文字列補間をサポートしていない場合、それを古い学校の方法を実行します。

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

これは、本質的にa duplicateですが、私は特定できませんでしたコメントでバッククエストをエスケープする方法!

関連する問題