VUE-007-通過路由 router.push 傳遞 query 參數(路由 name 識別,請求鏈接顯示參數傳遞)


在前端頁面表單列表修改時,經常需要在頁面切換的時候,傳遞需要修改的表單內容,通常可通過路由進行表單參數的傳遞。

 

首先,配置頁面跳轉路由。在 router/index.js 中配置相應的頁面跳轉路由,如下所示:

 

其次,在相應頁面的 index.vue 中的 methods 創建相應的方法,通過 $router.push 進行頁面跳轉及參數傳遞。如下所示:

 

通過 query 傳遞的參數信息在請求路徑中,原文展示。通過請求路徑傳遞表單參數,強制刷新頁面時,則表單內容也不會丟失。

 

再次,跳轉頁面接收參數設置。在 export default 可通過 $route.query 進行獲取請求參數信息,並在頁面初始化的時候,進行修改表單數據的綁定操作,如下所示:

 

 

通過如上設置,即可在頁面跳轉的時,也可通過路由進行 query 表單參數的信息傳遞。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM