久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

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

瀏覽:2日期:2022-10-31 15:20:59

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

第一種:

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獲取路由參數

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

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

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

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

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

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

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

點擊按鈕之后,查看控制臺,可以看見:

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

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

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

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

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

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

會報這樣的錯誤:

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

error in render 說明這是渲染錯誤

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

例如:

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

成功渲染

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

控制臺也不報錯。

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

標簽: Vue
相關文章:
主站蜘蛛池模板: 利川市| 会昌县| 南宫市| 永仁县| 昌乐县| 江山市| 莱西市| 宜宾县| 怀集县| 三门峡市| 建德市| 红桥区| 太湖县| 黄大仙区| 盐边县| 和龙市| 阜城县| 平果县| 大兴区| 余姚市| 许昌县| 民勤县| 图木舒克市| 富源县| 和田县| 扎赉特旗| 荆州市| 抚顺县| 桐乡市| 图们市| 平泉县| 宁陵县| 沂南县| 扶绥县| 南昌市| 鞍山市| 兴文县| 石首市| 观塘区| 泰安市| 台中市|