tft每日頭條

 > 科技

 > vue 路由參數改變頁面沒更新

vue 路由參數改變頁面沒更新

科技 更新时间:2025-02-13 03:47:38

vue 路由參數改變頁面沒更新(路由跳轉傳參頁面刷新無法獲取數據問題)1

Vue單頁面開發中路由傳參大家不陌生吧!但是有時候會出現跳轉過後帶過的參數頁面刷新五數據。

今天我這說的是路由傳參是 對象。

vue 路由參數改變頁面沒更新(路由跳轉傳參頁面刷新無法獲取數據問題)2

路由傳值parmas對象

vue 路由參數改變頁面沒更新(路由跳轉傳參頁面刷新無法獲取數據問題)3

courseData參數名後面顯示的值為亂碼

傳到頁面能獲取值 但是刷新後頁面無法看到數據 ,這裡其實是因為傳過的對象必須是要對象字符串才不會出現這個問題。

vue 路由參數改變頁面沒更新(路由跳轉傳參頁面刷新無法獲取數據問題)4

JSON.stringify把對象轉換成字符串或者也可以拼接成字符串

跳轉該組件獲取數據

vue 路由參數改變頁面沒更新(路由跳轉傳參頁面刷新無法獲取數據問題)5

把字符串對象解析然後獲取數據

vue 路由參數改變頁面沒更新(路由跳轉傳參頁面刷新無法獲取數據問題)6

url裡面的參數

這樣你跳轉的頁面刷新 數據就一直存在了。

當然這裡還可以用 HTML5本地儲存數據sessionStorage,一樣可以解決這個問題。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved