场景:

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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐