vue 獲取url里參數(shù)的兩種方法小結(jié)
我就廢話不多說了，大家還是直接看代碼吧~
第一種：
const query = Qs.parse(location.search.substring(1))
let passport = query.passport;
第二種：
var query=this.$route.query;
let lat = query.lat;
補充知識：Vue通過query獲取路由參數(shù)
現(xiàn)在來講Vue通過query獲取路由參數(shù)
可以看見com1組件里的路由參數(shù)為 name=zhangsan&job=teacher
使用 this.$route.query 來獲取路由參數(shù)
現(xiàn)在就是利用query直接獲取路由參數(shù)并且以對象的形式展現(xiàn)出來
點擊按鈕之后，查看控制臺，可以看見：
路由參數(shù)以對象的形式展現(xiàn)了出來
但是query獲取的參數(shù)要注意一個問題：不可以直接渲染 query的路由參數(shù)對象，不然會報錯
比如：我想在頁面上直接打印query獲取的路由參數(shù)對象
會報這樣的錯誤：
error in render 說明這是渲染錯誤
雖然不能渲染query獲取的路由參數(shù)對象，但是可以渲染query獲取的路由參數(shù)對象的屬性值
例如：
成功渲染
控制臺也不報錯。
以上這篇vue 獲取url里參數(shù)的兩種方法小結(jié)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
全局安裝 Vue cli3 和 繼續(xù)使用 Vue-cli2.x操作
這篇文章主要介紹了全局安裝 Vue cli3 和 繼續(xù)使用 Vue-cli2.x操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要給大家介紹了關(guān)于vue中jsonp插件的使用方法示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
vue中的el-form表單rule校驗問題(特殊字符、中文、數(shù)字等)
這篇文章主要介紹了vue中的el-form表單rule校驗問題(特殊字符、中文、數(shù)字等)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
vue+iview+less+echarts實戰(zhàn)項目總結(jié)
本篇文章是作者通過學(xué)習(xí)vue+iview+less+echarts制作一個小系統(tǒng)后，做的心得以及遇到的坑的總結(jié)，值得大家學(xué)習(xí)參考。2018-02-02
vue綁定數(shù)字類型 value為數(shù)字的實例
這篇文章主要介紹了vue綁定數(shù)字類型 value為數(shù)字的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue-router如何實現(xiàn)history模式配置
這篇文章主要介紹了vue-router如何實現(xiàn)history模式配置，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
使用JSONP主要是目的通過動態(tài)創(chuàng)建Script，動態(tài)拼接url，進而抓取數(shù)據(jù)，實現(xiàn)跨域。這篇文章主要介紹了VUE2.0中Jsonp的使用方法（前端）,需要的朋友可以參考下2018-05-05
本文主要介紹了vue3安裝vant實現(xiàn)按需引入和全局引入，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要介紹了vue綁定class與行間樣式style的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
vue3模塊創(chuàng)建runtime-dom源碼解析
這篇文章主要為大家介紹了vue3模塊創(chuàng)建runtime-dom源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01