资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

如何在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参数的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


文章标题:如何在Vue项目中获取this.$router.push参数
当前路径:http://cdkjz.cn/article/jipooo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220