使用router中的resolve,该方法返回的对象中包含完整的路径信息,然后借助于window.open打开新的标签页

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


const openNewTab = ()=> {
    // 打开新标签
    let routeData = router.resolve(({
    path: '/testPage', // path 要跳转的路由地址
    // query 要传递的参数
    query: {
       title:'标题'
     }
    }))
    window.open(routeData.href,'_blank')
 }

接受参数

import { useRoute } from 'vue-router';

const route = useRoute()

onMounted(()=>{
	console.log(route.fullPath);
	console.log(route.query);
})


参考:

vue项目新打开一个tab页或者新窗口的方法

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐