vue的表单提交
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的表单提交相关的知识,希望对你有一定的参考价值。
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>
以上是关于vue的表单提交的主要内容,如果未能解决你的问题,请参考以下文章