Ant Design Vue Radio单选框分组

通过在一个网页里面会有多组选择,就像考试卷有多个选择题,我们可以通过a-radio-group的name属性进行隔离。

代码例子

<template>
<div>
  A组
  <div>
  <a-radio-group name="a" :default-value="1">
    <a-radio :value="1">A</a-radio>
    <a-radio :value="2">B</a-radio>
    <a-radio :value="3">C</a-radio>
    <a-radio :value="4">D</a-radio>
     </a-radio-group>
  </div>
      B组
      <div> 
    <a-radio-group name="b" :default-value="1">
    <a-radio :value="1">A</a-radio>
    <a-radio :value="2">B</a-radio>
    <a-radio :value="3">C</a-radio>
    <a-radio :value="4">D</a-radio>
  </a-radio-group>
  </div>
</div>
</template>

例子