vue3 使用a-radio-group的change

在Vue 3中，`<a-radio-group>`组件是Ant Design Vue库中的一个用于创建单选组的元素，它通常与`<a-radio>`选项一起使用。当用户选择其中一个选项时，会触发`change`事件，这个事件会在当前`radio-group`的状态改变时被触发。

要监听`change`事件并处理用户的选取，你需要在组件的模板中绑定`v-model`属性到`radio-group`上，并在`methods`部分定义一个方法来接收这个事件。例如：

<a-radio-group v-model="selectedOption" @change="handleRadioChange">
  <a-radio :value="option1">选项1</a-radio>
  <a-radio :value="option2">选项2</a-radio>
  <!-- 更多选项... -->
</a-radio-group>

<script>
export default {
  data() {
    return {
      selectedOption: '', // 初始值为空
      option1: 'Option 1',
      option2: 'Option 2', // 其他选项...
    };
  },
  methods: {
    handleRadioChange(value) {
      console.log('用户选择了:', value);
      // 在这里可以进一步操作，如更新状态、提交表单等
    }
  }
};
</script>

在这个例子中，`v-model`绑定了`selectedOption`数据，`@change`则是事件处理器，每当用户从下拉框中选择新的选项时，`handleRadioChange`函数会被调用，传递当前所选的值给该函数。