前端点击链接使用新建窗口打开外部链接

2023-05-12 Views Vue | 呆头呆脑 | bug日志 | 技术笔记225字1 min read

方法一:

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

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

其中target有以下几种属性

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

方法二:

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

html部分

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

js部分

See (e) {
        window.location.href = e
      }

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

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

EOF