vue antd radio点击获取所有值

要获取Vue Antd Radio所有选项的值，我们需要使用props来绑定一个数据列表到RadioGroup组件，并在点击事件中使用事件处理函数来获取所选项的值。

首先，在我们的Vue组件中，我们需要定义一个数据列表，用于绑定到RadioGroup组件的props。可以在组件的data属性中定义一个名为options的数组，例如：

data() {
  return {
    options: [
      { label: 'Male', value: 'male' },
      { label: 'Female', value: 'female' },
      { label: 'Others', value: 'others' }
    ],
    selectedValue: ''
  }
}

然后，我们可以使用RadioGroup组件，将options作为props传递进去，如下所示：

<RadioGroup v-model="selectedValue" :options="options" />

这将在组件中显示出一个RadioGroup，并将options列表的每个项目作为选项进行渲染。最后，我们需要添加一个点击事件处理函数来获取所选项的值：

methods: {
  handleRadioOnChange() {
    console.log(this.selectedValue)
  }
}

我们将这个函数绑定到RadioGroup组件的onChange事件，如下所示：

<RadioGroup v-model="selectedValue" :options="options" @change="handleRadioOnChange" />

现在，当我们点击任何一个选项时，控制台将输出所选项的值。如果要获取所有选项的值，我们可以将options数组映射成一个值的数组，并使用JavaScript的filter函数来过滤出所有已选中的值，如下所示：

this.options.filter(o => o.value === this.selectedValue).map(o => o.value)

这将返回一个包含所选项值的数组。但是需要注意的是，RadioGroup只会保留当前选项的值，如果需要多选，则需要使用CheckboxGroup组件并修改相应的代码。