1. 程式人生 > >vue專案獲取url引數值

vue專案獲取url引數值

使用路由獲取頁面引數

在路由中設定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