vue-router query和params参数的区别 1、query方式传参和接收参数(相当于get请求) this.$router.push({ path:'/home'query:{ id:1} }) 接收参数:this.$route.query.id 注意: 传参是this.$router, 接收参数是this.$route 2、params 方式传参和接收参数, 相当于post请求 this.$router.push({ name:'home...
params是路由的一部分,必须要在路由后面添加参数名。query是拼接在url后面的参数,没有也没关系。 二者还有点区别,直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示。 【参考文章】 今天做项目时踩到了vue-router传参的坑(query和params),所...
query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数 而params相当于post请求,参数不会再地址栏中显示 传参: image.png 二、router/route的区别 打印this.$router :(路由的一些功能!!!) this.$router.push this.$router.addRouter... 1555768608905.png 打印this.$route:(当前路由的一些信息/属性!!!...
params传参类似于网络请求中的post请求，当使用编程式路由导航使用path跳转时，如果没有在对应的位置添加params参数，params传过去的参数就不会显示在地址栏中（并且不能刷新）。声明式 <router-link :to="{ name: 'home', params: { username: username } }"> // 取值 this.$route.params.username 编程式 ...
//读取 路由参数接收 this.name = this.$route.params.name; this.age = this.$route.params.age; 1. 2. 1·query传递参数 我看了很多人都说query传参要用path来引入,params传参要用name来引入,只是我测试了一下,query使用name来引入也可以传参,使用path也可以。如果有人知道原因可以告诉我一下,谢谢!
//传参 this.$router.push({ name:'home', params: { time: this.time } }) //接收参数 this.$route.params.time 注意:params传参,push里面只能是 name:'xxxx',不能是path:'/xxx', 因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!!
this.$router.push({name:'xxx',params:{id:id } }) 接收参数: this.$route.params.id 注意:params传参,push里面只能是 name:'xxxx',不能是path:'/xxx',因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!! 另外,二者还有点区别,直白的来说query相当于get请求,页面跳转的时...
1.query方式传参和接受参数 this.$router.push({path:'/跳转路径',query:{id:id}})this.$route.query.id query相当于get传参,页面跳转后可以在浏览器看到参数 刷新后参数不会消失 params 1.params传参和接受参数 this.$router.push({name:'/跳转路径',// 注: params 只能用name引入路由params:{id:id}...
$router是路由对象,是一个只写的对象 $route是当前路由的信息对象,是一个只读的对象 一些需要注意的事 使用query传参的话,会在浏览器的url栏看到传的参数类似于get请求,使用params传参的话则不会,类似于post请求。 如果提供了path,params将会被忽略(即如果要使用params传参,则一定要使用name),但是query不属于这...
Vue路由传参的两种方式query和params 一、router-link 1.不带参数<router-link:to="{name:'home'}"><router-link:to="{path:'/home'}">//name,path都行, 建议用name// 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。2.带参数<router-link:to="{name:...