VUE-008-经过路由 router.push 传递 query 参数（路由 path 识别，请求连接显示参数传递）

在前端页面表单列表修改时，常常须要在页面切换的时候，传递须要修改的表单内容，一般可经过路由进行表单参数的传递。

 

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

 

其次，在相应页面的 index.vue 中的 methods 建立相应的方法，经过 $router.push 进行页面跳转及参数传递。以下所示：

 

经过 query 传递的参数信息在请求路径中，参数信息明文显示在请求 URL 上。经过当前的设置方式，若强制刷新页面，则表单内容也不会丢失。

 

再次，跳转页面接收参数设置。在 export default 可经过 $route.params 进行获取请求参数信息，并在页面初始化的时候，进行修改表单数据的绑定操做，以下所示：

 

 

经过如上设置，便可在页面跳转的时，经过路由进行表单参数的信息传递。