VUE-008-通过路由 router.push 传递 query 参数(路由 path 识别,请求链接显示参数传递)
2024-10-11 02:07:20
在前端页面表单列表修改时,经常需要在页面切换的时候,传递需要修改的表单内容,通常可通过路由进行表单参数的传递。
首先,配置页面跳转路由。在 router/index.js 中配置相应的页面跳转路由,如下所示:
其次,在相应页面的 index.vue 中的 methods 创建相应的方法,通过 $router.push 进行页面跳转及参数传递。如下所示:
通过 query 传递的参数信息在请求路径中,参数信息明文显示在请求 URL 上。通过当前的设置方式,若强制刷新页面,则表单内容也不会丢失。
再次,跳转页面接收参数设置。在 export default 可通过 $route.params 进行获取请求参数信息,并在页面初始化的时候,进行修改表单数据的绑定操作,如下所示:
通过如上设置,即可在页面跳转的时,通过路由进行表单参数的信息传递。
最新文章
- expdp 报The value (30) of MAXTRANS parameter ignored错误的原因诊断
- javascript的sort()方法
- centos6.3环境下升级python及MySQLdb的安装
- JDBC 对数据库连接的封装
- 编写JS代码的“use strict”严格模式及代码压缩知识
- hdu5681 zxa and wifi
- drag drop小游戏
- C语言volatile关键字
- [LeetCode] Maximum Gap 解题思路
- [原创]C语言里为何会有“2+2=5”的结果
- Flask web开发 处理POST请求(登录案例)
- [刷题]算法竞赛入门经典(第2版) 4-1/UVa1589 - Xiangqi
- 一道javascript面试题(闭包与函数柯里化)
- eclipse自定义代码模板
- python离线安装包
- Linux Supervisor的安装与使用入门
- oracle sql developer 创建数据库链接
- EAS开发之挂菜单
- vue+axios实现移动端图片上传
- 下拉列表控件实例 ComboBoxControl
热门文章
- ES--07
- 解决nginx和php使用ckfinder无法上传大文件的问题
- Mysql 常用SQL语句集锦
- 手机端调用app导航
- php的参数函数与可变参
- 浮点数运算的精度问题:以js语言为例
- 基于Spring Boot框架开发的一个Mock
- .NET Core 添加Java 服务引用(WebService) 曲折历程(二)
- net core体系-web应用程序-4asp.net core2.0 项目实战(1)-13基于OnActionExecuting全局过滤器,页面操作权限过滤控制到按钮级
- weblogic 安装部署详解