vue单选框点击取消选中

要取消Vue单选框的选中状态，您可以使用v-model指令来绑定选中状态并在点击时更新它。例如：

<template>
  <div>
    <label>
      <input type="radio" value="option1" v-model="selectedOption">
      Option 1
    </label>
    <label>
      <input type="radio" value="option2" v-model="selectedOption">
      Option 2
    </label>
    <button @click="clearSelection">Clear selection</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    }
  },
  methods: {
    clearSelection() {
      this.selectedOption = ''
    }
  }
}
</script>

在上面的代码中，我们使用v-model指令将单选框的选中状态绑定到selectedOption变量。当我们点击“Clear selection”按钮时，我们调用clearSelection方法来将selectedOption设置为空字符串，从而取消选中状态。