Vue获取当前路由地址以及当前页面的地址
最近在做一个电商项目,其中搜索功能封装成一个组件用在多个路由组件中,用户通过输入相关商品名进行搜索,其中要实现的一个点就是:要是当前为商品页面则更新商品列表,若不是商品页面,则新开一个商品窗口。实现:1:用this.$router.path获取当前的路由地址,判断是否是商品路由地址,若是则更新数据即可,反之新开窗口对vue新开窗口有疑惑的,可以查阅vue-新开窗口注:我的商品路由地址为‘/path
·
最近在做一个电商项目,其中搜索功能封装成一个组件用在多个路由组件中,用户通过输入相关商品名进行搜索,其中要实现的一个点就是:要是当前为商品页面则更新商品列表,若不是商品页面,则新开一个商品窗口。
实现:
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')
}
更多推荐
已为社区贡献17条内容
所有评论(0)