前端点击链接使用新建窗口打开外部链接
2024-11-04 15:03:38 # 技术笔记

方法一:

我们可以使用a标签的属性来实现新建窗口跳转

1
2
<a :href="item.sciUrl" target="_blank">
</a>

其中target有以下几种属性

描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

方法二:

我们可以使用js脚本来配合跳转

html部分

1
<span @click="See(url)">点击此处实现跳转</span>

js部分

1
2
3
See (e) {
window.location.href = e
}

其中url也就是你的传入值。

在这里面说明一下,你的链接在写的时候,必须带上http://或者https://如果不带的话,vue会自动识别为路由的