方法一:

我们可以使用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会自动识别为路由的

最后修改:2024 年 11 月 04 日
如果觉得我的文章对你有用,请随意赞赏