vue表单提交
vue的表单提交需要基于vue-resource 姓名: 性別: 男
·
vue的表单提交需要基于vue-resource
<template>
<div class="hello"><form @submit.prevent="submit">
<div>
姓名:<input type="text" v-model="user.name">
</div>
<div>
性別:
<label>
<input type="radio" value="1" v-model="user.gender"> 男
</label>
<label>
<input type="radio" value="2" v-model="user.gender"> 女
</label>
</div>
<input type="submit" value="提交">
</form>
</div>
</template>
<script>
export default {
name: 'hello',
data () {
return {
user: {
name: '',
gender: ''
}
}
},
methods:{
submit: function() {
var formData = JSON.stringify(this.user); // 这里才是你的表单数据
this.$http.post('/admin/', formData).then((response) => {
// success callback
}, (response) => {
// error callback
});
}
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)