在vue的页面中再打开一个外部链接
时间: 2024-03-02 18:52:19 浏览: 120
可以通过在Vue组件中使用`<a>`标签来打开一个外部链接。例如:
```
<template>
<div>
<a href="https://www.google.com" target="_blank">打开Google</a>
</div>
</template>
```
在上面的示例中,我们使用了`<a>`标签来创建一个超链接,`href`属性指定了要打开的外部链接的URL地址,`target="_blank"`属性指定了在新窗口中打开链接。
相关问题
vue 新页面打开外部链接
你可以使用 Vue Router 的 `router-link` 组件来打开外部链接。以下是一个示例:
```HTML
<router-link :to="{path: 'https://www.example.com'}" target="_blank">打开外部链接</router-link>
```
在 `to` 属性中指定链接的 URL 地址,然后使用 `target="_blank"` 属性来在新窗口中打开链接。注意,此方法打开的是一个完整的新页面,而不是在你的 Vue 应用程序中嵌入一个 iframe 或者其他形式的嵌入式窗口。
vue 在新窗口打开外部链接再返回
在 Vue 中,可以使用 `window.open` 方法打开一个新窗口,并且可以在新窗口中加载外部链接。例如:
```
openExternalLink() {
window.open('https://www.example.com', '_blank');
}
```
这将在新标签页中打开 `https://www.example.com`。如果你想在用户关闭新标签页后返回到原来的页面,可以在新窗口中添加以下 JavaScript 代码:
```
window.onbeforeunload = function() {
window.opener.focus();
}
```
这将在用户关闭新标签页时,把焦点重新设置到原来的页面。
阅读全文