vue只有一个单选框点击取消选中

在Vue中，你可以使用v-model指令将单选框绑定到一个数据变量上。当单选框被选中时，数据变量的值将被设置为单选框的value属性。当单选框取消选中时，数据变量的值将被设置为undefined。因此，你可以在数据变量的值为undefined时取消选中单选框。以下是一个示例：

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

<script>
export default {
  data() {
    return {
      selectedOption: undefined
    }
  }
}
</script>

在这个示例中，当单选框被选中时，selectedOption的值将被设置为选中单选框的value属性。当单选框取消选中时，selectedOption的值将被设置为undefined，从而取消选中单选框。