在前端頁面表單列表修改時,經常需要在頁面切換的時候,傳遞需要修改的表單內容,通常可通過路由進行表單參數的傳遞。
首先,配置頁面跳轉路由。在 router/index.js 中配置相應的頁面跳轉路由,如下所示:

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

通過 params 傳遞的參數信息在請求體中,不體現在請求 URL 上。通過當前的設置方式,若是強制刷新頁面,則表單內容會丟失。
再次,跳轉頁面接收參數設置。在 export default 可通過 $route.params 進行獲取請求參數信息,並在頁面初始化的時候,進行修改表單數據的綁定操作,如下所示:

通過如上設置,即可在頁面跳轉的時,通過路由進行表單參數的信息傳遞。
補充說明:
在通過路由傳遞參數時,也可直接傳遞表單對象信息,無需添加 codeInfo。此種方式較之第一種方式更加簡潔(牆裂推薦)。

