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

第一種：

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

let passport = query.passport;

第二種：

var query=this.$route.query;

let lat = query.lat;

補(bǔ)充知識(shí)：Vue通過query獲取路由參數(shù)

現(xiàn)在來講Vue通過query獲取路由參數(shù)

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

使用 this.$route.query 來獲取路由參數(shù)

現(xiàn)在就是利用query直接獲取路由參數(shù)并且以對(duì)象的形式展現(xiàn)出來

點(diǎn)擊按鈕之后，查看控制臺(tái)，可以看見：

路由參數(shù)以對(duì)象的形式展現(xiàn)了出來

但是query獲取的參數(shù)要注意一個(gè)問題：不可以直接渲染 query的路由參數(shù)對(duì)象，不然會(huì)報(bào)錯(cuò)

比如：我想在頁面上直接打印query獲取的路由參數(shù)對(duì)象

會(huì)報(bào)這樣的錯(cuò)誤：

error in render 說明這是渲染錯(cuò)誤

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

例如：

成功渲染

控制臺(tái)也不報(bào)錯(cuò)。

以上這篇vue 獲取url里參數(shù)的兩種方法小結(jié)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

總結(jié)

以上是生活随笔為你收集整理的vue 获取请求url_vue 获取url里参数的两种方法小结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。