如何在Vue项目中获取this.$router.push参数

如何在Vue项目中获取this.$router.push参数？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

在蕉岭等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站建设、成都网站建设网站设计制作按需规划网站,公司网站建设,企业网站建设,高端网站设计,全网营销推广,外贸网站制作,蕉岭网站建设费用合理。

传递参数的方法：

1.Params

由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。

及通过路由配置的name属性访问

在路由配置文件中定义参数：

如何在Vue项目中获取this.$router.push参数

通过name获取页面，传递params：

在目标页面通过this.$route.params获取参数：

如何在Vue项目中获取this.$router.push参数

2.Query

页面通过path和query传递参数，该实例中row为某行表格数据

如何在Vue项目中获取this.$router.push参数

在目标页面通过this.$route.query获取参数：

this.$route.query.row.xxx

看完上述内容，你们掌握如何在Vue项目中获取this.$router.push参数的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容