路由時用的用的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頁面中可以直接...