欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue-使用路由获取当前页面URL参数

程序员文章站 2024-02-17 22:24:58
...

在路由在设置path

{
    path: '/detail/:id/', 
    name: 'detail',
    component: detail,
    meta: {
        title: '详情'
    }
}

获取url参数

let id = this.$route.params.id

注意

  • 参数名需要保持一致
  • 错误URL:http://127.0.0.1:8080/#/detail,会报错,页面无法显示,原因是没有参数
  • 正确URL:http://127.0.0.1:8080/#/detail/32
相关标签: Vue获取url参数