vue路由傳參並跳轉頁面

2022-07-20 02:57:12 字數 466 閱讀 3565

方式一:query傳參

//傳參

go()}})

}, //跳轉後頁面取參

mounted(),

but 瀏覽器位址列中顯示如下,所以如果引數保密,該方式慎用啦

方式二:parms傳參

//傳參

go()}})

},//跳轉後頁面取參

mounted(),

是的就是這麼相似,但是傳遞的引數就不會顯示在位址列了,但是有沒有注意到跳轉路徑的name值必傳是不是也不夠優雅,不傳行不行?見方式三

方式三:不傳name

不傳name需要對路由配置檔案的路徑做些改動

//傳參

go())

},//路由配置檔案

,//跳轉後頁面取參

mounted(),

Vue路由跳轉傳參

1.query方式 注意 path要用 跳轉頁的名字 傳出頁多傳乙個query物件 data a 接收頁直接用this.route.query.屬性名就可以拿到了 注意是route不是router this.route.query.id this.route.query.value2.params方...

Vue頁面跳轉傳參

日期 2020年3月15日 1 通過router link進行跳轉,傳遞方式 使用query傳遞引數,路由必須使用path引入,使用params傳遞引數,路由必須使用name引入 跳轉位址 content?key hello value world 取值 this.route.query.key 跳...

vue頁面跳轉傳參問題傳參

vue 的頁面跳轉以及頁面之間傳參其實是乙個很常見的問題,但是整體上會使用的次數很多,有時候頁面的跳轉不需要引數,因為他屬於那種公共的,大家都可以看到。但是當乙個頁面屬於我們非公共的頁面時,我們就需要我們的資料跟著跳轉過來了,比如說我們的個人資訊或者是個人設定,這些都需要我們去帶著引數去請求,否則服...