vue 獲取url里參數的兩種方法小結

我就廢話不多說了，大家還是直接看代碼吧~

第一種：

const query = Qs.parse(location.search.substring(1))

let passport = query.passport;

第二種：

var query=this.$route.query;

let lat = query.lat;

補充知識：Vue通過query獲取路由參數

現在來講Vue通過query獲取路由參數

可以看見com1組件里的路由參數為 name=zhangsan&job=teacher

使用 this.$route.query 來獲取路由參數

現在就是利用query直接獲取路由參數并且以對象的形式展現出來

點擊按鈕之后，查看控制臺，可以看見：

路由參數以對象的形式展現了出來

但是query獲取的參數要注意一個問題：不可以直接渲染 query的路由參數對象，不然會報錯

比如：我想在頁面上直接打印query獲取的路由參數對象

會報這樣的錯誤：

error in render 說明這是渲染錯誤

雖然不能渲染query獲取的路由參數對象，但是可以渲染query獲取的路由參數對象的屬性值

例如：

成功渲染

控制臺也不報錯。

以上這篇vue 獲取url里參數的兩種方法小結就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。