vue做一个单选框且只能选一个

实现只能选一个的单选框，需要在每个单选框元素上添加同样的name属性，这样它们就会被视为同一组，只能选择其中的一个。

例如：

<template>
  <div>
    <label>
      <input type="radio" value="option1" v-model="selectedOption" name="options">
      Option 1
    </label>
    <label>
      <input type="radio" value="option2" v-model="selectedOption" name="options">
      Option 2
    </label>
    <label>
      <input type="radio" value="option3" v-model="selectedOption" name="options">
      Option 3
    </label>
    <p>Selected option: {{ selectedOption }}</p>
  </div>
</template>

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

在上面的例子中，我们在每个input元素上添加了name="options"属性，这样它们就被视为同一组单选框。用户选择其中一个单选框时，其他单选框就会被自动取消选中状态。

注意：每个单选框的value值必须不同，否则它们就无法被区分。同理，name属性的值也必须相同，否则它们就不会被视为同一组单选框。