vue路由对象($route)参数简介
路由对象
在使用了 vue-router 的应用中,路由对象会被注入每个组件中,赋值为 this.$route ,并且当路由切换时,路由对象会被更新。
so , 路由对象暴露了以下属性:
1.$route.path
字符串,等于当前路由对象的路径,会被解析为绝对路径,如 "/home/news" 。
2.$route.params
对象,包含路由中的动态片段和全匹配片段的键值对。
3.$route.query
对象,包含路由中查询参数的键值对。例如,对于 /home/news/detail/01?favorite=yes ,会得到$route.query.favorite == 'yes' 。
4.$route.router
路由规则所属的路由器(以及其所属的组件)。
5.$route.matched
数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
6.$route.name
当前路径的名字,如果没有使用具名路径,则名字为空。
在页面上添加以下代码,可以显示这些路由对象的属性:
1 <div> 2 <p>当前路径:{{$route.path}}</p> 3 <p>当前参数:{{$route.params | json}}</p> 4 <p>路由名称:{{$route.name}}</p> 5 <p>路由查询参数:{{$route.query | json}}</p> 6 <p>路由匹配项:{{$route.matched | json}}</p> 7 </div>
转载于:https://www.cnblogs.com/wangEddy/p/8310262.html
vue路由对象($route)参数简介相关推荐
- [vue] 路由的params参数
配置路由,声明接收params参数 {path:'/home',component:Home,children:[{path:'news',component:News},{component:Mes ...
- Vue路由传递params参数
- vue 传递 对象 路由_vue 04 -vue路由对象($route)参数简介以及和router的区别
vue路由对象($route) 在使用了 vue-router 的应用中,路由对象会被注入每个组件中,赋值为 this.$route ,并且当路由切换时,路由对象会被更新. so , 路由对象暴露了以 ...
- vue路由无痕浏览nodeJS环境搭建ElementUI简介
目录 一.vue路由&无痕浏览 1. SPA是什么 2. SPA实现思路和技术点 ①技术点 ②思路 3. 通过vue的路由可实现多视图的单页Web应用(基于html的SPA) 4. route ...
- vue路由、无痕浏览和nodeJS环境搭建、ElementUI简介
目录 1.vue路由和无痕浏览 1.1.SPA是什么 1.2.SPA实现思路和技术特点 1.2.1.技术特点 1.2.2.思路 1.3.通过vue的路由可实现多视图的单页Web应用 1.4.route ...
- 详解vue 路由跳转四种方式 (带参数)
本文介绍了vue 路由跳转四种方式 (带参数),本文通过实例代码给大家介绍的详细,具有一定的参考借鉴价值,需要的朋友可以参考下 1. router-link 1. 不带参数 <router-li ...
- vue 如何将参数放到连接上_通过Vue路由传参的两种方式及Vue组件中接收参数的方式...
1. Vue传参方式 1.1 通过动态路由传参 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件.例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染.那 ...
- vue路由参数改变,组件数据没重新更新问题
最近一段时间在用vue做项目,遇到一个很纠结的问题,本来是两个页面样式结构相似,就是数据不同,所以在router里面配置了一个id参数,发现vue路由参数改变,组件数据没重新更新,查了一下官方文档,发 ...
- Vue路由传参及传参后刷新导致参数消失处理
参考:https://blog.csdn.net/qq_43103581/article/details/82260073(vue 路由传递参数,刷新页面后参数丢失) 项目功能需要,要从列表页跳转到第 ...
最新文章
- Python绘制桑基图
- 浅谈Horizon DaaS平台 - 崛起的桌面云平台
- RHCS图形界面建立GFS共享上
- 集合改变时会自动通知的集合类
- 上海:加快推进18个新建数据中心项目的建设和投资进度
- tp5 ajax 返回数据正常状态码却为500
- 每天看一片代码系列(三):codepen上一个音乐播放器的实现
- pythonif语句如何循环播放_python – 循环播放文本,一次3个字符
- SpringMVC框架第一天
- python123程序设计实验答案_Python程序设计第二次实验报告
- matlab传递闭包算法,传递闭包(用关系矩阵求传递闭包怎么求)
- Validator校验器中重新定义默认的错误信息模板
- 开源中国众包平台的个人空间 工作日志 正文 关于你对软件众包的误解,你真的错了。
- PHP串口扩展库 serial extension-试用版有限制
- Pixhawk系列飞控状态通知
- List 接口中扩充的 10 个方法详解
- tdms用matlab打开,关于用Matlab 打开tdms文件的问题
- 图片尺寸大小(M)与图片容量大小(M)的区别
- 微信小程序 # 图片预加载方案(防闪烁) 以及 首次引导
- Eclipse下开发WAP网站
热门文章
- 线性回归、逻辑回归及SVM
- ORB_SLAM2代码阅读(5)——Bundle Adjustment
- php无表单上传文件,php – 来自表单的WP邮件附件,无文件管理器上传文件
- c语言gps数据类型,GPS数据格式
- Android怎么隐藏前端,Android-Webview支持缩放并掩藏讨厌的缩放控制条
- js能关闭HTML页面,javascript可以关闭吗
- mysql h 127.0.0.1_MySQL 连接时尽量使用 127.0.0.1 而不是 localhost
- usb for android,libusb
- c++小项目:通讯录管理系统
- java sslsocket程序_JAVA与C++进行sslsocket通信,JAVA做服务端或客户端