(五) 页面URL传值

本节知识点

  • 通过URL传值给组件

使用指南

  • 第一步在要跳转的页面写好路由
 <router-link to="/Hi/haha/123">跳转到hi页面</router-link>

第一个是组件的名称 第二,三个都是参数

  • 第二步 配置路由 主要看路径 利用冒号绑定好参数
 {
      path:'/Hi/:username/:id',
      name:"Hi",
      component:Hi,
      children:[

        {path:"hi1",name:"Hi1",component:Hi1},
        {path:"hi2",name:"Hi2",component:Hi2},
      ]
    }
  • 第三步 组件里面输出
{{$route.params.username}}

利用正则表达式在URL中传值

  • 其实就是在index.js路由文件里面配置

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,915评论 18 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,950评论 6 342
  • 一、SPA的概念 首先明确一个概念,SPA,全称为Single Page Application单页应用,一个单页...
    耦耦阅读 5,980评论 0 3
  • 献给我的父母和每一个为了理想在异乡打拼的逐梦人。 Timothy C. Draper 硅谷顶尖传奇风险投资家(投资...
    AKE训练营阅读 319评论 0 0
  • 一路鲜花红粉似佳人, 两拥绿荫幽幽沐春风。 一生漂荡只为自由故, 两情相知才是终归宿。
    魏家少年阅读 102评论 0 0