vue中params传参和query传参的区别,vue formdata格式传递参数

　　本文主要介绍了vue中params和data的区别，通过实例代码详细介绍，具有一定的参考价值。感兴趣的朋友可以参考一下。

目录

　　 1，用数据传参数2，用params传参数3，总之

1、使用data传参

　　前端请求模式是post。

　　从“@/utils/request”导入请求

　　//添加横幅

　　导出函数saveBanner(数据){

　　退货请求({

　　URL:“/system/banner/save banner”，

　　方法： post ，

　　数据：数据

　　})

　　}

　　后端接口接收

　　/**

　　*保存导航地图。

　　*

　　* @param sysBanner

　　* @返回

　　*/

　　@PostMapping(/saveBanner )

　　公共Ajax result save banner(@ request body SysBanner SysBanner){

　　返回sysBanner service . save banner(sys banner)；

　　}

2、使用params传参

　　前端请求

　　//查询导航图列表信息

　　导出函数getBannerList(查询){

　　退货请求({

　　URL:“/系统/横幅/列表”，

　　方法：“get”，

　　参数：查询

　　})

　　}

　　后端接收

　　收到的请求方法是GetMapping，参与不需要@RequestBody批注。

3、总而言之

　　如果前端请求模式是post，后端HTTP请求是@PostMapping，那么后端参数要用@RequestBody写，传递参数时前端要写数据，因为是Json参数传递。因为当在post请求中传递数据参数时，参数被放在请求正文中，所以特定的参数不会显示在地址栏中。

　　如果参数是以get的形式传递的，而且是一个对象，使用params，最后会把你参数的内容分散到问号(？)后来和上面的例子一样，最后一个地址是：http://localhost:8888/user/list/1/20？name=詹三

　　关于vue中params和data的区别的这篇文章到此为止。有关vue中参数和数据的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。