v-model会忽略所有表单元素的 valuecheckedselected特性的初始值,而总是将 Vue 实例的数据作为数据来源实践过程中v-model更新radio控件的方式,v-model 指令在表单 <input>及 <textarea>元素上创建双向数据绑定。它会根据控件类型选取正确的方法来更新元素
1、v-model绑定radio控件的value值,移除value属性,picked变量值无效。
<div id="example-4">
  <input type="radio" id="one" value="One" v-model="picked">
  <label for="one">One</label>
  <br>
  <input type="radio" id="two" value="Two" v-model="picked">
  <label for="two">Two</label>
  <br>
  <span>Picked: {{ picked }}</span>
</div>
new Vue({
  el: '#example-4',
  data: {
    picked: ''
  }
})
Logo

前往低代码交流专区

更多推荐