VUE-008-經過路由 router.push 傳遞 query 參數（路由 path 識別，請求連接顯示參數傳遞）

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

 

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

 

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

 

經過 query 傳遞的參數信息在請求路徑中，參數信息明文顯示在請求 URL 上。經過當前的設置方式，若強制刷新頁面，則表單內容也不會丟失。

 

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

 

 

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