单选按钮

以下实例中演示了单选按钮的双向数据绑定：

 

单选按钮

<div id="app">

  <input type="radio" id="runoob" value="Runoob" v-model="picked">

  <label for="runoob">Runoob</label>

  <br>

  <input type="radio" id="google" value="Google" v-model="picked">

  <label for="google">Google</label>

  <br>

  <span>选中值为: {{ picked }}</span>

</div>

 

<script>

const app = {

  data() {

    return {

      picked : 'Runoob'

    }

  }

}

 

Vue.createApp(app).mount('#app')

</script>