labelのfor属性にindex番号を付与したい。v-for,vue.js

Question

解決したい事：　labelのfor属性に対してindex番号を付けたい

現状: idにはindex番号が振れている

v-forで回して出来た要素をindexを使ってlabelとinputが紐づくようにしたいのですが、labelのfor属性にindexが付与できません

　　　　　　<li v-for="(image, index) in images">
            <img :src="image.thumbnail" style="width: 100px; height: 100px;" />
            <div>
              <label for="edit_img_1">Edit image</label>
              <input type="file" @change="edit(image, index, $event)" :id="['edit_img_' + index]">
            </div>
          </li>

<label for="edit_img_${index}">Edit image</label>
上記でも付与できませんでした。

正しい書き方を見つけることが出来ずにいます。

どなたかお分かりになるかた居ましたら、教えていただけないでしょうか。
よろしくお願いします。

vue.js 2.6.11

Comments

[yuki84web]

:idと同じ書き方でもNGですか？

[tenlife]

コメントありごとうございます！
同じ書き方をしたところいけました。
もっと確認するべきでした。

ありがとうございました！！

Answer 1

コメントで頂いた通り、:idと同じ書き方で進めたところ上手く表示することができました。

もっと確認するべきでした。

　　　　　　　<div>
              <label :for="['edit_img_' + index]">Edit image</label>
              <input type="file" @change="edit(image, index, $event)" :id="['edit_img_' + index]">
            </div>