Vue获取当前路由地址以及当前页面的地址

最近在做一个电商项目，其中搜索功能封装成一个组件用在多个路由组件中，用户通过输入相关商品名进行搜索，其中要实现的一个点就是：要是当前为商品页面则更新商品列表，若不是商品页面，则新开一个商品窗口。

实现：
1：用this.$router.path获取当前的路由地址，判断是否是商品路由地址，若是则更新数据即可，反之新开窗口
对vue新开窗口有疑惑的，可以查阅vue-新开窗口

注：我的商品路由地址为‘/path/main’

if(this.$router.path !== '/shop/main'){let {href} = this.$router.resolve({name:'main'})window.open(href, '_blank')
}

Vue获取当前路由地址以及当前页面的地址相关推荐

vue 获取当前路由地址
vue 获取当前路由地址 1.router和$route的区别 $router: 路由操作对象,只写.需要对路由进行操作时使用.如路由跳转 $route: 路由信息对象,只读.获取路由相关信息时使用. ...
vue获取当前路由/path地址
vue获取路由的参数方法: 使用:this.$route.path即可获取到,如下: let router_path = this.$route.path console.log(router_pat ...
Vue获取url路由地址、参数
文章目录 1.window.location 当前URL 协议域名 + 端口域名端口路径部分请求的参数获取'?'前边的URL 获取#之后的内容 2.vue-router 获取参数 this ...
vue获取上级路由地址
可以通过从vue-router中beforeRouteEnter钩子函数中的from参数中获取url,利用next()传递回当前组件,具体代码如下: <sctipt>export defa ...
vue 获取当前路由地址——router.currentRoute与$route
1.router.currentRoute 相当于 $route,但是$route.path或者$route.fullPath只能在组件中用组件里头:`/user?a=10` $route.path ...
js获取当前页面的地址和端口_url
当前网页的ip+端口 window.location.origin 注:https://www.jianshu.com/p/c9324d237a8e 当前网页url window.location.h ...
vue获取当前路由的几种方式
第一种 import { defineComponent,ref} from 'vue'; import { useRouter } from 'vue-router';const router=us ...
vue 获取当前路由_VUE 在组件中获取路由信息
一.核心代码 1.获取参数 this.$route.query.id this.$route.query 2.页面跳转登录 3.方法跳转 this.$router.push({ path: '/lo ...
vue 获取当前路由的title_使用vue-router为每个路由配置各自的title
传统方法以前在单页面路由中,就只能在html文件中定一个固定的网站的title.如果想要动态的去修改,需要使用如下的方法. document.title = '这是一个标题'; 这样会让我们做很多无 ...

Vue获取当前路由地址以及当前页面的地址

Vue获取当前路由地址以及当前页面的地址相关推荐

最新文章

热门文章