如何在使用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> 

当我想我上面的代码它给我一个错误

属性或方法“论坛_”没有在实例中定义，但在引用的渲染。确保在数据选项中声明反应数据属性。

Answer 1

通过增加单引号..然后添加加号（+）以连接论坛_字符串来对用户识别码转换的论坛_字符串。

<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>