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

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)

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

vue 获取当前路由地址
vue 获取当前路由地址 1.router和$route的区别 $router: 路由操作对象,只写.需要对路由进行操作时使用.如路由跳转 $route: 路由信息对象,只读.获取路由相关信息时使用. ...
Vue获取当前路由地址以及当前页面的地址
最近在做一个电商项目,其中搜索功能封装成一个组件用在多个路由组件中,用户通过输入相关商品名进行搜索,其中要实现的一个点就是:要是当前为商品页面则更新商品列表,若不是商品页面,则新开一个商品窗口. 实现 ...
Vue获取url路由地址、参数
文章目录 1.window.location 当前URL 协议域名 + 端口域名端口路径部分请求的参数获取'?'前边的URL 获取#之后的内容 2.vue-router 获取参数 this ...
vue获取上级路由地址
可以通过从vue-router中beforeRouteEnter钩子函数中的from参数中获取url,利用next()传递回当前组件,具体代码如下: <sctipt>export defa ...
vue中如何获取当前路由地址
vue获取当前路由地址 1.router和$route的区别 $router: 路由操作对象,只写.需要对路由进行操作时使用.如路由跳转 $route: 路由信息对象,只读.获取路由相关信息时使用.如 ...
uniapp获取当前路由地址
uniapp微信小程序获取当前路由地址最近开发中有跳过或者返回的需求所以需要获取到当前页面的路径建议将代码放到公共js里面,所有也能均可调用 getCurrentRouter() {let ro ...
vue获取用户ip地址
vue获取用户ip地址(仅限IE浏览器,谷歌无效) 具体代码如下: /**data里定义变量ip **/ ip = ''/**mounted添加下面方法 **/ this.getUserIP((ip) ...
vue获取当前路由/path地址
vue获取路由的参数方法: 使用:this.$route.path即可获取到,如下: let router_path = this.$route.path console.log(router_pat ...
VUE 当前页获取来源路由地址
获取来源路由 export default {data() {return {targetPath: ""}},beforeRouteEnter (to, from, next) ...

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

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

最新文章

热门文章