vue獲取路由參數(shù)

vue中如何獲取路由參數(shù)？我們一起看看吧！

vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。

vue中獲取路由參數(shù)主要有以下兩種方法：

第一種方法：通過query配置

this.$route.query

該方式的弊端在于，在頁面間跳轉(zhuǎn)可正常使用，如info、isTrue、func，但是在進(jìn)行頁面刷新時，所有參數(shù)值會轉(zhuǎn)化為字符串，如對象info會轉(zhuǎn)化為字符串'[Object Object]'，布爾值isTrue會轉(zhuǎn)化為'false'，從而導(dǎo)致使用錯誤。

第二種方法：通過params配置

this.$route.params

params也可以攜帶任何任意類型的數(shù)據(jù)，在頁面間跳轉(zhuǎn)時，參數(shù)在地址欄不可見，可通過輸入代碼的方式獲取，頁面刷新后參數(shù)消失。

vue中獲設(shè)置路由參數(shù)的方法：

第一種方法：通過query配置

<router-link :to="{ name:'login',query:{id:1} }">登錄</router-link>

第二種方法：通過params配置

<router-link :to="{ name:'register',params:{'name':'San'} }">注冊</router-link>

關(guān)于vue中如何獲取路由參數(shù)，我們就分享到這啦！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com