vue jsを使用してラジオボタンに動的名を追加する方法

Question

ラジオボタンに動的な名前を追加するにはどうすればよいですか？

<tr v-for="user in users"> 
    <td> 
     <input type="radio" :name="groups_[[ user.id ]]" v-bind:value="photographer" v-bind:checked="user.group.name == photographer"> <label>photographer</label> 

     <input type="radio" :name="groups_[[ user.id ]]" v-bind:value="client" v-bind:checked="user.group.name == client"> <label>client</label> 
    </td> 
</tr> 

それは私にプロパティまたはメソッド「groups_は」インスタンスで定義されたが、レンダリング時に参照されていない

エラーを与える上で、私は私のコードを試してみました。データオプションで無効なデータプロパティを宣言してください。

Answer 1

次いで、ユーザIDにgroups_文字列を連結するために、プラス記号（+）を追加..単一引用符を追加することにより、文字列にgroups_を変換。

<input type="radio" :name="'groups_' + user.id" v-bind:value="photographer" v-bind:checked="user.group.name == photographer"> <label>photographer</label> 

<input type="radio" :name="'groups_' + user.id" v-bind:value="client" v-bind:checked="user.group.name == client"> <label>client</label>