vue单选按钮默认选中

Vue单选按钮在默认情况下没有选中任何一个按钮，但是可以通过v-model指令将一个按钮设置为默认选中状态。

要将一个单选按钮设为默认选中状态，可以在Vue组件定义中的数据部分中定义一个选中状态的变量，比如"checked"，并将其值设置为true。然后，在单选按钮的input元素中，添加一个v-bind指令绑定该状态变量，以控制按钮的选中状态。

例如：

<template>
  <div>
    <input type="radio" id="button1" v-bind:checked="checked" v-model="selectedButton" value="button1">
    <label for="button1">Button 1</label><br>

    <input type="radio" id="button2" v-model="selectedButton" value="button2">
    <label for="button2">Button 2</label>

    <p>You selected: {{ selectedButton }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: true, // 设置默认选中状态
      selectedButton: "button1"
    };
  }
};
</script>

在上面的代码中，第一个单选按钮通过v-bind指令绑定了"checked"状态变量，设置了默认选中状态；第二个单选按钮没有设置v-bind指令，因此没有默认选中状态。选中状态的变化通过v-model绑定到selectedButton变量，实时更新p标签中的内容。