vue 获取当前路由地址——router.currentRoute与$route

辣条小哥哥

已于 2024-10-15 11:50:19 修改

阅读量649

点赞数 1

文章标签： vue.js 前端 javascript

于 2024-10-15 11:50:00 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44090040/article/details/142942722

版权

1.router.currentRoute 相当于 $route，但是$route.path或者$route.fullPath只能在组件中用

组件里头：`/user?a=10` $route.path === /user  $route.fullPath === /user?a=10

js模块中要使用 router.currentRoute

2.router.currentRoute是ref响应式数据 要拿值的话需要.value

3.encodeURIComponent 转换uri编码，防止解析地址出问题 用来解析获得的fullPath中的特殊字符

const fullPath = encodeURIComponent(router.currentRoute.value.fullPath)