vue a链接跳转打开外部链接


背景:
vue单页应用项目直接使用a标签跳转到外部链接报错
 
问题分析:
a标记触发的跳转默认被router处理,加上了前缀,见如下代码:
<--a标签-->
<a href="'www.baidu.com/'" target="_blank">a标签跳转到外部链接测试</a>
// 跳转后浏览器地址栏结果
http://localhost:8080/'https://www.baidu.com/#home'
解决方法:
使用浏览器BOM操作(window.location.href)解决这个问题,实现直接跳转到外部链接,相关代码如下:
<span @click="See(item.qj_url)">签跳转到外部链接测试</span>
上面是触发一个点击事件,其中item.qj_url是传给see的url链接,下面是事件执行的函数
See (e) {
window.location.href = e
}

0 个评论

要回复文章请先登录注册