视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
echarts教程 oracle 添加索引 vue路由模式 office2010配置进度怎么去除 python excel写入数据 操作无法完成错误0x00000709 python将数据写入excel文件 js url vue router传参 jquery获取url参数 vue router跳转 clashx使用教程 vue publicpath java startswith js 获取url参数 什么是粗饲料,有什么特点 小龙虾的什么地方不能吃 牛蛙蝌蚪的饲养管理 稻水象甲的防治方法 珍珠奶茶里的珍珠是啥 linux密码忘记 重置密码的方法 oracle触发器写法 最简单施工日志范文 hp台式机bios设置启动顺序 oracle expdp vue 获取当前路由 python getattr函数 python assert函数用法 oracle netsuite vue获取路由参数 python中def函数的用法 vue.set()用法 js setattribute javascript function vue babel python 遍历列表 js set集合 js callback object.values()的用法 mysql text类型
vue获取当前路由
2022-01-24 10:49:26 责编:黄老五
文档

vue中应该如何获取当前路由?我们一起看看吧!

vue是一套用于构建用户界面的渐进式JavaScript框架。

vue 获取当前路由路径可以用 

this.$route.path

route相当于当前正在跳转的路由对象 可以从里面获取name,path,params,query等。

获取完整url可以用 

window.location.href

获取路由路径参数可以用

this.$route.params

vue中获取路由参数主要有两种方法:

第一种方法:通过query配置

this.$route.query

该方式的弊端在于,在页面间跳转可正常使用,如info、isTrue、func,但是在进行页面刷新时,所有参数值会转化为字符串,如对象info会转化为字符串'[Object Object]',布尔值isTrue会转化为'false',从而导致使用错误。

第二种方法:通过params配置

this.$route.params

params也可以携带任何任意类型的数据,在页面间跳转时,参数在地址栏不可见,可通过输入代码的方式获取,页面刷新后参数消失。

关于vue中应该如何获取当前路由,我们就了解到这啦!

下载本文
显示全文
专题echarts教程echarts教程专题oracle 添加索引oracle 添加索引专题vue路由模式vue路由模式专题office2010配置进度怎么去除office2010配置进度怎么去除专题python excel写入数据python excel写入数据专题操作无法完成错误0x00000709操作无法完成错误0x00000709专题python将数据写入excel文件python将数据写入excel文件专题js urljs url专题vue router传参vue router传参专题jquery获取url参数jquery获取url参数专题vue router跳转vue router跳转专题clashx使用教程clashx使用教程专题vue publicpathvue publicpath专题java startswithjava startswith专题js 获取url参数js 获取url参数专题什么是粗饲料,有什么特点什么是粗饲料,有什么特点专题小龙虾的什么地方不能吃小龙虾的什么地方不能吃专题牛蛙蝌蚪的饲养管理牛蛙蝌蚪的饲养管理专题稻水象甲的防治方法稻水象甲的防治方法专题珍珠奶茶里的珍珠是啥珍珠奶茶里的珍珠是啥专题苋菜红是苋菜来的吗苋菜红是苋菜来的吗专题竹荪的栽培技术竹荪的栽培技术专题消防员呼救器作用消防员呼救器作用专题消防员血型牌作用消防员血型牌作用专题java conditionjava condition专题python合并多个excelpython合并多个excel专题java matcherjava matcher专题python excel 自动化python excel 自动化专题python xlrd读取excelpython xlrd读取excel专题java entryjava entry专题vue路由监控专题vue路由守卫专题vue创建路由专题vue路由定向专题vue 路由守卫专题vue 路由拦截器专题vue路由示例专题vue清空路由专题vue路由守护专题vue路由钩子专题vue路由拦截专题vue 清空路由专题vue 路由钩子专题vue 子组件路由专题子路由 vue专题vue销毁路由专题vue watch 路由专题vue路由鉴权专题angular路由传值专题vue 路由 meta专题