vue-router跳转新窗口

1. router-link标签

a标签

<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link>

2. router实例router.resolve

参考文档

jump(){
  let routeUrl = this.$router.resolve({
    path: "/share",
    query: {id:96}
  })
  window.open(routeUrl .href, '_blank')
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、vue-router实现原理 SPA(single page application):单一页面应用程序,只有...
    walycode阅读 4,681评论 1 3
  • 目录 - 1.vue-router 动态路由匹配 - 2.router-link组件及其属性 - 3.vue-ro...
    我跟你蒋阅读 4,783评论 0 7
  • 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about...
    六月太阳花阅读 3,767评论 0 3
  • 学习目的 学习Vue的必备技能,必须 熟练使用 Vue-router,能够在实际项目中运用。 Vue-rout...
    _1633_阅读 92,636评论 3 58
  • vue2有着深度继承的路由插件,即:vue-router,其中文的API地址。 vue-router与其他的路由(...
    白水螺丝阅读 17,622评论 0 17

友情链接更多精彩内容