今天参考一个案例使用<router-link>进行跳转且传值过去时,未成功跳转且报404找不到页面,后来发现还需要在router里面配置下路由
如图:
![](https://i-blog.csdnimg.cn/blog_migrate/5cc52bb321b22e9de37a2fe59f340759.png)
当前页面路径:
![](https://i-blog.csdnimg.cn/blog_migrate/6713bd83df62011c411c7d91235663bb.png)
想要跳转到该路径:
![](https://i-blog.csdnimg.cn/blog_migrate/e73792eaab684466bffcc04564f8cbad.png)
检查:
-
检查router的js文件是否配置好了这两个路由
![](https://i-blog.csdnimg.cn/blog_migrate/7236e665553ad3d301fb97f5525a1569.png)
我的因为还需要带上个参数,所以在后面接上了 :id 来传值 ,我这块因为是用params传参,所以另一个页面想要拿取这个值,
可以用: this.$route.params.id来取值,基本上配置好router就可以带值跳转了
今天参考一个案例使用<router-link>进行跳转且传值过去时,未成功跳转且报404找不到页面,后来发现还需要在router里面配置下路由
如图:
当前页面路径:
想要跳转到该路径:
检查:
检查router的js文件是否配置好了这两个路由
我的因为还需要带上个参数,所以在后面接上了 :id 来传值 ,我这块因为是用params传参,所以另一个页面想要拿取这个值,
可以用: this.$route.params.id来取值,基本上配置好router就可以带值跳转了