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

在路由在设置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,Vue获取url参数)