vue的form表单提交 |
您所在的位置：网站首页 › vue制作表单 › vue的form表单提交 |
|
利用v-model能比较便捷地上传用户信息的数据，不用一个个参数地拼接。直接在data根据要传的字段定义一个对象， 再利用双向绑定得到值。下面写了传json格式跟formData格式的两种情况，根据实际参考 提交 import axios from 'axios'; export default { name: "from", data() { return { formMess:{ "account":"", "act_pwd":"", "phone":"" } }; }, methods: { onSubmit() { /* json格式提交： */ // let formData = JSON.stringify(this.formMess); /* formData格式提交： */ let formData = new FormData(); for(var key in this.formMess){ formData.append(key,this.formMess[key]); } axios({ method:"post", url:"xxxxxxx", headers: { "Content-Type": "multipart/form-data" }, withCredentials:true, data:formData }).then((res)=>{ console.log(res); }); } } }; .from_box{ form{ width:90%; margin: auto; border:.01rem solid gray; display: flex; flex-wrap: wrap; input{ width:80%; height:.5rem; margin-bottom: .2rem; border:.01rem solid black; height:.5rem; } } .but{ font-size: .14rem; margin-left:5%; } } vue批量验证form表单数据：vue批量验证form表单数据_caicaicai404的博客-CSDN博客 * 喜欢可点赞/ 收藏/ 评论，有人回应才有动力继续更新哒！\‘▽′/ 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/184881.html原文链接：https://javaforall.cn |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |