vue单选框点击取消选中

要实现单选框的取消选中，可以在单选框的点击事件中判断当前单选框是否已经选中，如果已经选中，则取消选中，否则选中该单选框。示例代码如下：

<template>
  <div>
    <label v-for="option in options" :key="option.value">
      <input type="radio" :value="option.value" v-model="selectedOption" @click="toggleSelected(option)" />
      {{ option.label }}
    </label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: 'Option 1', value: '1' },
        { label: 'Option 2', value: '2' },
        { label: 'Option 3', value: '3' },
      ],
      selectedOption: null,
    };
  },
  methods: {
    toggleSelected(option) {
      if (this.selectedOption === option.value) {
        // 当前选中的单选框被点击，取消选中
        this.selectedOption = null;
      }
    },
  },
};
</script>

在上面的示例中，我们通过 `toggleSelected` 方法来处理单选框的点击事件，如果当前选中的单选框被点击，则取消选中。要注意的是，我们在 `v-model` 中绑定了 `selectedOption`，这个变量用来保存当前选中的单选框的值。