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