(五) 页面URL传值

本节知识点

  • 通过URL传值给组件

使用指南

  • 第一步在要跳转的页面写好路由
 跳转到hi页面

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

  • 第二步 配置路由 主要看路径 利用冒号绑定好参数
 {
      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

你可能感兴趣的:((五) 页面URL传值)