VUE-006-經過路由 router.push 傳遞 params 參數（路由 name 識別，請求連接不顯示）

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

 

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

 

其次，在相應頁面的 index.vue 中的 methods 建立相應的方法，經過 $router.push 進行頁面跳轉及參數傳遞。以下所示：

 

經過 params 傳遞的參數信息在請求體中，不體如今請求 URL 上。經過當前的設置方式，如果強制刷新頁面，則表單內容會丟失。

 

再次，跳轉頁面接收參數設置。在 export default 可經過 $route.params 進行獲取請求參數信息，並在頁面初始化的時候，進行修改表單數據的綁定操做，以下所示：

 

經過如上設置，便可在頁面跳轉的時，經過路由進行表單參數的信息傳遞。

 

補充說明：

在經過路由傳遞參數時，也可直接傳遞表單對象信息，無需添加 codeInfo。此種方式較之第一種方式更加簡潔（牆裂推薦）。