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

通过添加单引号将 groups _ 转换为字符串..然后添加加号（+）以将 groups _ 字符串连接到用户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>

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

1 个答案: