vue3判断单选框是否选中

在 Vue 3 中，可以使用 `v-model` 指令来实现单选框的选中状态的绑定。具体来说，可以使用 `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>
  </div>
</template>

其中，`v-model` 指令将单选框的选中状态绑定到 `selectedOption` 变量上。如果选中了第一个单选框，`selectedOption` 的值就会变为 `"option1"`，否则就会变为 `"option2"`。

在代码中，可以使用以下代码来判断单选框是否选中：

if (this.selectedOption === 'option1') {
  // 第一个单选框被选中了
} else {
  // 第二个单选框被选中了
}

这里使用了 `this.selectedOption` 来获取选中状态的值，然后根据这个值来进行判断。