vue3 路由跳转，打开新页面

回忆哆啦没有A梦

已于 2022-04-13 09:55:57 修改

阅读量1w

点赞数 8

分类专栏： vue相关问题（vue3、vue2）文章标签： vue.js 前端 javascript

于 2022-03-07 18:05:16 首次发布

本文链接：https://blog.csdn.net/weixin_39550080/article/details/123335977

版权

vue相关问题（vue3、vue2）专栏收录该内容

35 篇文章 3 订阅

订阅专栏

场景：

使用vue-router时，遇到一个需求，需要打开一个新页面。

我们可以利用 router.resolve 自定义一个页面跳转的方法：

setup() {
    const routerJump = (type: any) => {
        // resolve新窗口打开
      const newpage = router.resolve({
        path: '/privacyPolicy',  // 跳转的页面路由
        query: { // 要传的参数
          type: type
        }
      })
      window.open(newpage.href, '_blank') // 打开新的窗口(跳转路径，跳转类型)
    }
    return {
      routerJump 
    }
}