vue 路由跳转 带参数

Posted xbxxf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 路由跳转 带参数相关的知识,希望对你有一定的参考价值。

我同事经常说我太懒了,喜欢复制不喜欢自己动手写东西,我也才发现这个问题,现在都是能自己写就自己写,除非特们着急的时候,哈哈哈哈

最近学vue,虽然做了两个小项目了,发但我还是小白中的姜太白,白的彻底,

跳转有两种方法

router-link

 <router-link :to="{path:‘/list‘,query:{id:1,name:2}}">点击跳转</router-link>

query后面是参数,具体跳转是这样

技术图片

 

 

 另一个页面接受数据用

this.$route.query

技术图片

 

 

this.$router.push() 

this.$router.push({path:‘/list‘,query:{id:1,name:2}})
query后面也是参数,路由是这样的

技术图片

 

另一个页面接受数据用

this.$route.query

技术图片

 

 

还有可以把query 换成name ,query 换成params

我还没学呢,等我学完了再补上,下去减肥去啦~

 

 

希望自己30岁还能在这个行业混下去,加油????

 

以上是关于vue 路由跳转 带参数的主要内容,如果未能解决你的问题,请参考以下文章

vue 路由四种方式 (带参数)跳转

前端Vue项目:旅游App-(20)home:点击跳转至带参数的动态路由

详解vue 路由跳转四种方式 (带参数)

详解vue 路由跳转四种方式 (带参数)

vue 路由跳转 带参数

vue之路由传参,跳转,钩子函数