vue中的v-model更新radio控件的方式
实践过程中v-model更新radio控件的方式,v-model 指令在表单 <input>及 <textarea>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素1、v-model绑定radio控件的value值,移除value属性,picked变量值无效。<div id="example-4&q
·
v-model会忽略所有表单元素的 value、checked、selected特性的初始值,而总是将 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: '' } })
更多推荐
已为社区贡献5条内容
所有评论(0)