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

实现:
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')
}
Logo

前往低代码交流专区

更多推荐