博客

1、 在vue中一般通过router.push进行路由跳转都是在同一个tab窗口实现，如果需要打开多个tab窗口需要结合window.open实现

2、具体实现

import { useRouter } from 'vue-router' 
const router = useRouter()

// 主要逻辑
const { href } = router.resolve({
    name: 'detail',
    query: {
      skuId,
    },
  })
  // 第一个参数是要跳转到哪里的url,第二个参数是新打开的tab窗口名字
  // 看到很多网上的 做法都是直接把第二个参数设置成 '_bank'，这样做
  // 每次打开都会是在同一个tab窗口，所以要想，每次执行都打开新的tab
  // 就需要把第二个参数设置成一个变量
  window.open(href, skuId)