ant-design-vue的radio按钮

问题：点击启用后，怎么控制后面的radio为不选中状态？用的ant-design-vue

“Devil组”引证GPT后的撰写：
用ant-design-vue的checklist模式，这种模式允许您在组中选择多个选项。

具体实现步骤如下：

在template中使用ant-design-vue的Radio.Group组件，并设置mode为checklist，这将启用多选模式。

<template>
  <a-radio-group v-model="selected" mode="checklist">
    <a-radio value="A">Option A</a-radio>
    <a-radio value="B">Option B</a-radio>
    <a-radio value="C">Option C</a-radio>
    <a-radio value="D">Option D</a-radio>
  </a-radio-group>
</template>

在methods中定义一个函数，当用户选择了一个选项后，将后面的选项设置为不选中状态。以下是一个实现此功能的示例代码：

<template>
  <a-radio-group v-model="selected" mode="checklist" @change="handleRadioChange">
    <a-radio value="A">Option A</a-radio>
    <a-radio value="B">Option B</a-radio>
    <a-radio value="C">Option C</a-radio>
    <a-radio value="D">Option D</a-radio>
  </a-radio-group>
</template>

<script>
export default {
  data() {
    return {
      selected: []
    };
  },
  methods: {
    handleRadioChange(value) {
      if (value.length === 1) {
        let index = this.selected.indexOf(value[0]);
        if (index !== -1 && index < this.selected.length - 1) {
          this.selected = [value[0]];
        }
      }
    }
  }
};
</script>

定义了一个handleRadioChange函数，它接收一个数组作为参数，这个数组包含了用户选择的所有选项。如果选择了一个选项，将检查该选项是否为最后一个选项。如果不是，将后面的选项设置为不选中状态。

用单选框组啊 。默认就是 只能选中一个
https://2x.antdv.com/components/radio-cn#components-radio-demo-radioGroup

<template>
  <div>
    <a-radio-group v-model:value="value">
      <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>
</template>
<script>
import { defineComponent, ref } from 'vue';
export default defineComponent({
  setup() {
    const value = ref(1);
    return {
      value,
    };
  },
});
</script>