vue前端怎么向后端传值,vue 传递参数
本文主要介绍vue前端如何向后端传递参数,具有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。
目录
前端到后端参数传递get方法参数传递post方法参数传递vue前端参数传递问题
前端向后端传递参数
get方法传参
Get方法,我们只需要把要传递的参数拼接到要发送的路径地址。
实例
前端:
导出默认值{
data () {
返回{
Name: david ,//要传递的值1
年龄:20,//要传递的值是2
}
},
方法:{
//在方法中定义一个将参数传递给后端的方法。我在这里使用async await方法向后端传递参数(注意:async await是组合使用的)。http://localhost:33333/api/API/是我的后端接收参数的地址。
异步提取(){
const { data: resp }=等待。$ http . get( http://localhost:33333/API/ this。param1 /这个。param 2);
if (resp==400)返回这个。$ message . error(resp . msg);//返回值已经处理。
},
},
}
后端:
@router.get(/api/{name}/{age} )
定义搜索(姓名、年龄):
#名字,年龄是我们传递的值。
及格
post方法传参
post方法允许我们定义和传递一个参数对象,在传递值的时候可以一眼看到我们传递的参数。
实例
导出默认值{
data () {
返回{
参数:{
Name: david ,//要传递的值1
年龄:20,//要传递的值是2
}
}
},
方法:{
//在方法中定义一个将参数传递给后端的方法。我在这里使用async await方法向后端传递参数(注意:async await是组合使用的)。http://localhost:33333/api/API/是我的后端接收参数的地址。
异步提取(){
const { data: resp }=等待。$ http . post( http://localhost:33333/API/,this . params);
if (resp==400)返回这个。$ message . error(resp . msg);//返回值已经处理。
},
},
}
后端:
类查询表单(基本模型):
名称:str=
年龄:int=0
@router.post(/api/)
定义搜索(表单:QueryForm):
#这里我们定义一个与前端传递的参数类型相同的表单来接收前端传递的值。
及格
温馨提示:传递参数时,要注意前端和后端的一致性。前端使用post传递参数,后端使用post接收参数。前端使用get传递参数,后端使用get接收参数。
vue前后端传参问题
前端和后端可以通过get或post连接。
get方式传参,可以用header传递参数。
这个。$axios。get(路由地址)?参数1=参数1值参数2=参数2值)post方式传参,可以通过body或params传递。
身体参数:这个。$axios({methos:post url:路由地址数据:{参数1:参数1值,参数2:参数2值 }})params参数:const params={{参数1:参数1值,参数2:参数2值 This。$axios({methos:post url:路由地址,params:params,})以上是个人经验。希望大家给我们一个参考,多多支持。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。