vue 路由參數改變頁面沒更新-tft每日頭條

首页

每日頭條

科技

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

更新时间：2025-12-09 03:14:04

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

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

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

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

路由傳值parmas對象

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

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

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

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

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

跳轉該組件獲取數據

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

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

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

url裡面的參數

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

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

Comments

Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.

Show More Comments

推荐阅读

excel怎麼使用數據有效性

Excel如何來保證設置數據有效性關-1-注-1-公-1-衆-1-号-1-"求學若渴"下載完整視頻教程為了保證表格中輸入的數據都是有效的，可以提前設置單元格的數據驗證功能。一，實戰：為考核表和申請表設置數據有效性的條件通過數據驗證功能，可以...

2025-12-09

oppor9s的特色功能在哪

衆所周知OPPO的Color0S3.0系統采用了“化整為零，再化零為整”的方法，将30個系統應用、上千個界面，分解成字體、布局、顔色、圖标和控件5個設計屬性，并對此進行嚴格規範，保證所有界面和圖标高度統一。通過優化底層代碼，系統穩定性高達9...

2025-12-09

狂野飙車極限越野輔助

《狂野飙車:極限越野》（《AsphaltXtreme》），Gameloft推出，是一款競速類遊戲。作為《狂野飙車》系列最新的作品，畫面自不用說，仍舊是該系列的高清風格，賽車、賽道上的細節處理也足以讓大家放心。比起該系列以往的作品，比如與咱們...

2025-12-09

win10系統ipv6無internet連接

win10電腦上ipv6無internet訪問限制怎麼解決?近期有Win10用戶體現，設置連接ipv6網絡的情況下，很常常碰到電腦上ipv6無internet訪問限制的難題，那麼Win10ipv6無網絡訪問限制是什麼原因?又該如何解決ipv...

2025-12-09

人類一敗塗地可以和電腦聯機嗎

《人類:一敗塗地》官方宣布将會在8月28日更新PS4、XboxOne、Switch上遊戲的多人模式，将會最多支持8名玩家同時參與遊戲。,