在前端頁面表單列表修改時,經常需要在頁面切換的時候,傳遞需要修改的表單內容,通常可通過路由進行表單參數的傳遞。
首先,配置頁面跳轉路由。在 router/index.js 中配置相應的頁面跳轉路由,如下所示:
其次,在相應頁面的 index.vue 中的 methods 創建相應的方法,通過 $router.push 進行頁面跳轉及參數傳遞。如下所示:
通過 query 傳遞的參數信息在請求路徑中,原文展示。通過請求路徑傳遞表單參數,強制刷新頁面時,則表單內容也不會丟失。
再次,跳轉頁面接收參數設置。在 export default 可通過 $route.query 進行獲取請求參數信息,並在頁面初始化的時候,進行修改表單數據的綁定操作,如下所示:
通過如上設置,即可在頁面跳轉的時,也可通過路由進行 query 表單參數的信息傳遞。