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

Posted 2023-02-22

技术标签:

【中文标题】关于复选框和单选按钮的问题【英文标题】：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>

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

【问题讨论】：

【参考方案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