Javascript 如何使用vue js在单选按钮中添加动态名称

如何在单选按钮中添加动态名称

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

当我尝试上面的代码时，它给了我一个错误

属性或方法组\未在实例上定义，但在渲染期间被引用。确保在数据选项中声明反应数据属性

通过添加单引号将组转换为字符串。。然后添加加号+将组字符串连接到用户id

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