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为空时添加判断