<body>
<div id="app">
<div>
<span>性别:</span>
<span>
<input type="radio" id="male" value="1" v-model='gender'>
<label for="male">男</label>
<input type="radio" id="female" value="2" v-model='gender'>
<label for="female">女</label>
</span>
</div>
<input type="submit" value="提交" @click.prevent='handle'>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
gender: 2,
},
methods: {
handle: function(){
console.log(this.gender)
}
}
});
</script>
</body>
vue 表单 input radio
最新推荐文章于 2024-06-03 11:24:17 发布