首页 > 其他 > 详细

VUE-008-通过路由 router.push 传递 query 参数(路由 path 识别,请求链接显示参数传递)

时间:2019-04-16 23:43:51      阅读:104      评论:0      收藏:0      [点我收藏+]

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

 

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

技术分享图片

 

其次,在相应页面的 index.vue 中的 methods 创建相应的方法,通过 $router.push 进行页面跳转及参数传递。如下所示:

技术分享图片

 

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

 

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

技术分享图片

 

 

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

 

VUE-008-通过路由 router.push 传递 query 参数(路由 path 识别,请求链接显示参数传递)

原文:https://www.cnblogs.com/fengpingfan/p/10720053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!