vue跳轉傳參 隱藏引數 引數重新整理頁面問題

2021-10-01 12:03:51 字數 1171 閱讀 6906

路由時用的用的router,官網給的傳參方式query,params。

可是問題是

query傳參會在url顯示傳的引數,

params傳參可以隱藏但是一重新整理頁面params裡的引數就沒了很蛋疼

用vuex儲存變數來解決,但是問題來了如果好多頁面都是這種那不是要定義好多變數。

讓後想到動態新增物件屬性和值不就可以解決麼,下面解決**

vuex中定義變數儲存

export

default

newvuex.store

(//儲存頁面傳參},

getters:},

mutations:

if(parametersdata)}}

, actions:

, modules:

})

跳轉頁儲存變數

editclick

(id));

this

.$router.

push

("edit")}

,

跳轉目標頁面獲取變數

getmyid()

},

這樣一來所有跳轉傳參都可以呼叫這兩個方法 key,value動態新增就可以

created()

,this

.$store.state,

json

.parse

(sessionstorage.

getitem

("store"))

))} window.

addeventlistener

("beforeunload",(

)=>

)}

這樣其他頁面就可以直接

//新增或修改引數

this

.$store.

commit

("setparameters",)

;this

.$store.getters.parameters[

'mykey'

]

哎。。params自己能解決頁面重新整理就不用這麼麻煩了

最近才研究vue好多坑哦 哎誰說簡單的來著,有沒有想過我們這種菜雞的感受!!!

vue跳轉傳參重新整理後引數消失

一開始需要實現的功能是跳轉到乙個頁面然後傳入乙個產品id號,然後在目標頁面用這個id號顯示具體的產品資訊 我是用的方法是在template中使用router link標籤 將 productid 傳入 product 頁面routerto routerto index 在product頁面中可以直接...

vue跳轉傳參重新整理後引數消失

一開始需要實現的功能是跳轉到乙個頁面然後傳入乙個產品id號,然後在目標頁面用這個id號顯示具體的產品資訊 我是用的方法是在template中使用router link標籤 將 productid 傳入 product 頁面routerto routerto index 在product頁面中可以直接...

vue跳轉傳參重新整理後引數消失

一開始需要實現的功能是跳轉到乙個頁面然後傳入乙個產品id號,然後在目標頁面用這個id號顯示具體的產品資訊 我是用的方法是在template中使用router link標籤 將 productid 傳入 product 頁面routerto routerto index 在product頁面中可以直接...