Vue获取url网址参数的两种方法

Vue 有两种方法可以方便地获取 url 的参数：

一种是在路由中配置了 path ：

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

获取参数：

let id = this.$route.params.id

注意：

1、参数名需要保持一致

2、如果路由中没有传参（https://w3h5.com/detail），会报错页面无法显示。正常链接应该为 https://w3h5.com/detail/234

如果有的参数可传可不传，可以使用 ? 传参：

https://w3h5.com/detail?id=168

获取方法：

let id = this.$route.query.id

这样即使取不到参数，页面也不会报错。

可以根据自己的需求使用不同的方法获取 url 参数。

未经允许不得转载：Web前端开发资源网 - w3h5 » Vue获取url网址参数的两种方法

推荐阅读：

jQuery.dotdotdot多行文本省略号插件的使用方法

Ueditor后端配置项没有正常加载,上传插件不能正常使用!的解决过程。

Linux下导入SQL文件及MySQL常用命令

JetBrains IDE Support 浏览器自动刷新插件（不定时更新）

css的cursor属性 鼠标指针样式