路由带参数的跳转

编程式导航

  1. 动态路由
    //route.js

route=[{
path:"user/:id",
component:user
}]

//Vue组件
this.$router.push({path:"/user/1"})
1就是id=1的表达方式

当push属性里面提供了path属性,会忽略params属性

  1. 普通路由跳转
    //router.js

routes=[{path:"user",
component:user
}]

但是我们想要携带参数,那我们就可以通过query来携带参数
效果:user?id=1
//组件.vue
this.$route.push({path:"/user",query:{id:1}})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 除了工作、事业之外,对于物质类生活方式的选择,确是仁者见仁,智者见智。有人喜欢撸串喝啤的快意,有人喜欢苍蝇馆的独特...
    康有趣阅读 1,033评论 0 1
  • ——越人诗同题诗稿 五月的记忆还很新 也在雨天 正是梅黄时节 洪峰也撞不开你关闭的闸 而今已是深秋 只有梧桐叶落如...
    微风LG阅读 2,924评论 2 4