1.功能实现:点击按钮打开一个新的页面

	<a target="_blank" href="">{{ item.project_name }}</a>
   const params = {
        path: '/programMenu/program',
        query: {
          id: 12
        }
      }
      window.open(this.$router.resolve(params).href, '_blank')

这样就可以打开新的页面
2.遇到的问题:
这样做是可以跳转,但是如果你的路由设置的首页是 空 时 跳转 ‘/’,你执行点击跳转时会打开两个页面。
解决办法:1.让你的跳转为空时不跳转首页
2.把href为空时添加判断

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐