vue项目获取url参数值

版权声明:本文为QQ帝国原创博客,非经本人同意,且勿转载。。 https://blog.csdn.net/QQ_Empire/article/details/84321822

使用路由获取页面参数

在路由中设置path:

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

获取参数方式

 let id = this.$route.params.id

备注: 
1、参数名需要保持一致 
2、如果路由中没有传参(http://192.168.1.12:8080/#/detail),会报错,页面无法显示,正常页面为 http://192.168.1.12:8080/#/detail/234


例如:http://192.168.1.12:8080/#/detail/?id=123 


获取参数方式

let id = this.$route.query.id

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

原生js获取 url 键值对:

https://blog.csdn.net/QQ_Empire/article/details/84102991

猜你喜欢

转载自blog.csdn.net/QQ_Empire/article/details/84321822