当前位置:   article > 正文

this.$router.push()两种传参和参数接收_router.push传值接收值

router.push传值接收值

通过query传,这种传参方式会拼在路由后面,在地址栏上显示

  • 页面跳转:this.$router.push({ path: ‘路由’, query: { data: ‘参数’ } })
  • 参数接收:this.$route.query.data

通过params传,这种传参方式会拼在路由后面,但在地址栏上不会显示

  • 页面跳转:this.$router.push({ name: ‘路由name’, params: { data: ‘参数’ } })
  • 参数接收1:this.$route.params.data
  • 参数接收2:
    在router.js文件:path:'/router/:data,props:true'
    接收参数文件:props:{data:{type:String}},然后直接拿来用就好

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/285121
推荐阅读
相关标签
  

闽ICP备14008679号