我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何在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://shouzuofang.com/article/jipooo.html

其他资讯