console
new Vue({
el: '#app',
data: {
user: {
name: '',
gender: ''
}
},
methods: {
submit: function() {
var formData = JSON.stringify(this.user);
console.log(formData)
}
}
})
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js">
</script>
<div id="app">
<form @submit.prevent="submit">
<div class="field">
姓名:
<input type="text" v-model="user.name">
</div>
<div class="field">
性別:
<label>
<input type="radio" value="男" v-model="user.gender">
男
</label>
<label>
<input type="radio" value="女" v-model="user.gender">
女
</label>
</div>
<input type="submit" value="提交">
</form>
</div>