如Input的Radio类型
首先还是给大家普及一下Radio类型到底是个啥?
在 HTML 表单中 <input type="radio">
每出现一次,一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。
当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄.
html:
<div id="root">
<input type="radio" name="place" v-model="place" value="1"/>北京
<input type="radio" name="place" v-model="place" value="2"/>长沙
<input type="radio" name="place" v-model="place" value="3"/>武汉
</div>
当你从数据库里获得之前保存的信息,而要选中该radio,那么对应的Vue.js可以通过与input的value进行绑定,当vue.js双向绑定的值与之前标签中给定的value值一致时,会直接选中radio对应的值的那一项,具体操作见下:
var app = new Vue({
el: '#root',
data: {
place:1 // 将后台的值赋值给place后,会直接控制input的radio显示
},