vue3,单页面应用打开多个tab窗口

       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)

你可能感兴趣的:(vue,前端,vue.js,javascript)