當前位置:科普知識站>IT科技>

vue獲取路由引數

IT科技 閱讀(2.08W)

vue是一套用於構建使用者介面的漸進式JavaScript框架。

vue中獲取路由引數主要有以下兩種方法:

第一種方法:通過query配置

this.$route.query

該方式的弊端在於,在頁面間跳轉可正常使用,如info、isTrue、func,但是在進行頁面重新整理時,所有引數值會轉化為字串,如物件info會轉化為字串'[Object Object]',布林值isTrue會轉化為'false',從而導致使用錯誤。

第二種方法:通過params配置

this.$route.params

params也可以攜帶任何任意型別的資料,在頁面間跳轉時,引數在位址列不可見,可通過輸入程式碼的方式獲取,頁面重新整理後引數消失。

vue獲取路由引數

vue中獲設定路由引數的方法:

第一種方法:通過query配置

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

第二種方法:通過params配置

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

關於vue中如何獲取路由引數,我們就分享到這啦!