路由声明式传参和编程式传参
创始人
2024-04-25 11:23:13
0次
声明式传参(使用带href /或本质上是a标签的时候)
直接带路径里带携带参数
下例
在地址栏是可以看到参数的（querys传参）
在vue.tools插件里可以观察到
取出路径参数的方式
params传参
首先需要在路由规则里配置 下图（复制这行路由规则，加上：name/：age 这样可以同时使用两种传参方式，或不传参也不影响跳转）
在路径中携带参数
在地址里的效果
vue.tools插件里查看
取出路径参数的方式
编程式导航（使用js代码跳转/在标签上设置事件跳转传参）
p标签绑定点击事件
点击事件执行函数/跳转传参（query传参） //取数据和前面方法一样
点击事件执行函数/跳转传参（parmas传参）
首先需要加路由名，也是建议复制原路由规则，然后增加路由名
传参方式
query参数和params参数区别
1.query: 是通过地址栏传参，参数会在地址栏显示，刷新还在
2.params: 是通过内存传参，参数不会在地址栏显示，刷新会消失
相关内容
热门资讯
监控摄像头接入GB28181平...
流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...
【PdgCntEditor】解...
一、问题背景 大部分的图书对应的PDF，目录中的页码并非PDF中直接索引的页码...
在Word、WPS中插入AxM...
引言 我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
protocol buffer...
目录 目录 什么是protocol buffer 1.protobuf 1.1安装 1.2使用...
修复 爱普生 EPSON L4...
L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
Windows10添加群晖磁盘...
在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
Fluent中创建监测点
1 概述某些仿真问题，需要创建监测点，用于获取空间定点的数据...
ChatGPT 怎么用最新详细...
ChatGPT 以其强大的信息整合和对话能力惊艳了全球，在自然语言处理上面表现出了惊人...
MySQL下载和安装（Wind...
前言：刚换了一台电脑，里面所有东西都需要重新配置，习惯了所...