关于复选框和单选按钮的问题答案

【问题标题】：Question about checkbox and radio buttons关于复选框和单选按钮的问题
【发布时间】：2019-11-13 02:13:14
【问题描述】：

我正在使用 element-ui，但我不知道如何使它工作。我有以下代码：

<div v-for="(solution, s_index) in scope.row.arrayDefectiveActions"
:key="`${requirementTemplateTypeIndex}.${requirementExtendedItemIndex}.${s_index}`"
 style="display: inline-block;" class="p-sm">

<el-checkbox v-model="solution.checkActionTaken" 
:disabled="!scope.row.checkDefectiveItem" 
@change="articleChanged(requirementExtendedItem)">

</el-checkbox>
</div>

我的问题是如何将此复选框转换为单选按钮，因为我尝试使用完全相同的代码但只更改了复选框，我可以选择所有这些而不取消选中其他的

【问题讨论】：

标签： javascript html css vue.js

【解决方案1】：

您必须将:class="{'active':radio===item.id}" 添加到v-for 迭代器并使用<el-radio v-model="radio" :label="item.id">。

Here 你可以找到一个工作示例。

最好的问候，

婆罗门

【讨论】：

【解决方案2】：

查看有关如何使用正确组件的文档。

el-checkbox 用于复选框
el-radio 用于收音机

文档：https://element.eleme.cn/#/fr-FR/component/radio

【讨论】：