vue3 路由跳转,打开新页面

场景:

使用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 
    }
}

你可能感兴趣的:(vue相关问题(vue3,vue2),vue.js,前端,javascript)