vue-router 在新窗口打开页面的功能


Problem:在vue项目中突然接收到一个需要新开页面的功能

通过看了vue-router,实现这个功能也是可以,详情如下:

1.通过<router-link>标签实现新窗口打开

<router-link
        target="_blank"
        :to="{ path:'/details', query: { id:'1' } }">详情</router-link>

2.通过Function进行导航

methods: {
  goDetails (id) {
      const { href } = this.$router.resolve({
        path: `/details`,
        params: {
          id: id
        }
      });
      window.open(href, "_blank");
  } 
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM