[vue-router] vue3 打开浏览器的新标签页
·
使用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);
})
参考:
更多推荐



所有评论(0)