동적으로 vuejs를 사용하여 id 태그 설정

Question

todo prop가있는 vue.js 템플릿이 있습니다. 각 요소의 id 값을 동적으로 설정하려고합니다. 지금까지 내가 시도한 것은 이것이 가능하고 어떤 다른 옵션이 아닌가?

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

Answer 1

이렇게하면됩니다.

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

이 본질적으로 a duplicate하지만 내가 확인할 수 없습니다 : 브라우저가 문자열 보간을 지원하지 않는 경우

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

또는

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

또는 그것을 구식 방법을 코멘트에서 backticks를 벗어나는 방법!