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

Question

我正在使用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>

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

Answer 1

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

Here，您可以找到一个有效的示例。

最诚挚的问候，

布拉卡（Brhaka）

Answer 2

请参阅有关如何使用适当组件的文档。

• el-checkbox用于复选框
• el-radio for radios

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