Vue如何使用Post进行表单提交

这篇“Vue如何使用Post进行表单提交”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Vue如何使用Post进行表单提交”文章吧。

使用Post进行表单提交

下面就是使用Vue提交表单的方法

submitForm(event) {event.preventDefault();let formData = new FormData();formData.append('id', this.param.id);formData.append('categoryName', this.param.namee);formData.append('description', this.param.descrip);var url ="";if(this.isSave){url = "http://localhost:8080/bookStore/category.do?flag=add"}else{url = "http://localhost:8080/bookStore/category.do?flag=update&id="+this.param.id}this.$http.post(url, formData).then(function (res) {  if (res.status === 200) {  this.isShowModal=false;  var title = this.isSave?"添加成功!":"修改成功!";  swal({title:title,text:"",type:"success"});  this.queryData();  this.clearData();  }})}

vue中使用Post问题

get的使用

this.$axios.get("/api/Main/InputValue",{     params:{ //传参         json:"123"     }}).then(function(res){     //console.log(res)          }).catch(function(err){      console.log("请求失败233");});

post的使用

this.$axios.post("/api/Main/posttest",{json:"123"})//传参.then(function(res){      console.log(res)          }).catch(function(err){      console.log("请求失败233");});

post和get传参数的方式是不一样的，写post的时候如果在params里面传参数，后台是收不到的

以上就是关于“Vue如何使用Post进行表单提交”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网行业资讯频道。