一、原窗口:
html 代码:
<span @click="See(url)">百度</span>
js 代码:
See (e) {
window.location.href = e
}
}
二、背景:vue-router 打开外链接 如果使用 a 标签,会默认加上根路由,导致跳转失效。那么如何让 a 标签点击跳转到新窗口呢?
解决方法:
html 代码:
<a class="a-style" @click="linkDownload('https://www.baidu.com')">百度</a>
js 代码:
linkDownload (url) {
window.open(url,'_blank') // 新窗口打开外链接
}
css 代码:
.a-style {
color: #0500ee; cursor: pointer;
text-decoration: underline;
}
编程时导航学习原地址:vue路由跳转打开新窗口
三、用路由外部跳转,首先配置好页面路由,再绑定一个点击事件后,用:
window.open('/home/goodsDetail', '_blank') 即可。
四、如果需要用到路由,跳转新窗口
1、编程式结合window.open跳转:
let routerMyCard = this.$router.resolve({ path: '/myCard' })
window.open( routerMyCard.href,'_blank')
2、声明式跳转 --- 标签形式
<router-link to="/kind"></router-link>