vue3中单选框使用onfinish事件

在Vue3中，单选框使用onFinish事件是不正确的。onFinish事件是Ant Design组件库的一个事件，用于表单验证。在Vue中，可以使用v-model指令来绑定单选框的值，并在其上添加change事件来监听选择的变化。

例如：

<template>
  <div>
    <label>
      <input type="radio" value="option1" v-model="selectedOption" @change="handleOptionChange">
      Option 1
    </label>
    <label>
      <input type="radio" value="option2" v-model="selectedOption" @change="handleOptionChange">
      Option 2
    </label>
    <label>
      <input type="radio" value="option3" v-model="selectedOption" @change="handleOptionChange">
      Option 3
    </label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    }
  },
  methods: {
    handleOptionChange() {
      console.log('Selected option:', this.selectedOption)
    }
  }
}
</script>

在上面的代码中，我们使用v-model指令来绑定单选框的值到selectedOption属性上，并在每个单选框上添加一个change事件来监听选择的变化。当选择发生变化时，handleOptionChange方法将被调用，并在控制台中输出选中的选项的值。