好资源导航 » 文章资讯 » Spring Boot/VUE中路由传递参数的实现代码

Spring Boot/VUE中路由传递参数的实现代码

2023-09-15 21:59:05 66

在路由时传递参数，一般有两种形式，一种是拼接在url地址中，另一种是查询参数。如：http://localhost:8080/router/tang/101?type=spor&num=12。下面根据代码看一下，VUE和SpringBoot中各自是如何处理传递和接受参数的。

SpringBoot
packagecom.tang.demo1.controller;
importorg.springframework.web.bind.annotation.*;
@RestController
publicclassRouterController{
@RequestMapping(path={"/router/{name}/{classid}"},method=RequestMethod.GET)
publicStringrouter(@PathVariable("name")Stringname
,@PathVariable("classid")intclassid
,@RequestParam(value="type",defaultValue="news")Stringtype
,@RequestParam(value="num",required=falsef)intnum){
//访问http://localhost:8080/router/tang/101?type=spor&num=12
returnname+classid+type+num;
}
}

在url路径中的，被称为pathVariable，查询参数被称为pequestParm。在controller中接受参数，可以直接在方法里用了。

VUE

routes:[
{
path:'/',
name:'HomePage',
component:HomePage
},
{
path:'/user/:id?/:type?',
name:'User',
component:User
}
]

首先在路由中配置url中需要传递的参数，被称为动态路径参数。以“:”开始，末尾的“?”表示为可选的参数。

Spring Boot/VUE中路由传递参数的实现代码

热门推荐

随机推荐