其实vue路由传参的问题并不复杂，但是又很多的朋友都不太了解vue中this.$router.push路由传参以及获取方法，因此呢，今天小编就来为大家分享vue路由传参的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
本文目录
vue中this.$router.push路由传参以及获取方法
目标页面接收参数： 目标页面接收参数： 注意： 1、两种方式的区别是query传参的参数会带在url后边展示在地址栏，params传参的参数不会展示到地址栏(/page2?id=1)。 2、由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。
vue路由传参及解决vue路由传参页面刷新参数丢失问题
Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下： 注意：
以上传参方式基本上可以理解为ajax中的post请求方式，参数都是不可见的，但是该方法有一个弊端，就是当页面刷新后参数值会丢失！！！
以上两种方式是可以解决页面刷新参数消失问题的，query这种方式可以理解为是ajax中的get方法，参数是直接在url后面添加的，参数是可见的。
关于vue路由传参和vue中this.$router.push路由传参以及获取方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
