vue <a>标签打开外部链接并打开新窗口
时间: 2023-12-15 22:05:30 浏览: 130
可以使用 target="_blank" 属性来在新窗口中打开外部链接。
例如:
```html
<a href="https://www.example.com" target="_blank">点击打开外部链接</a>
```
这样点击链接时就会在新窗口中打开外部链接。
相关问题
vue 在新窗口打开外部链接再返回
在 Vue 中,可以使用 `window.open` 方法打开一个新窗口,并且可以在新窗口中加载外部链接。例如:
```
openExternalLink() {
window.open('https://www.example.com', '_blank');
}
```
这将在新标签页中打开 `https://www.example.com`。如果你想在用户关闭新标签页后返回到原来的页面,可以在新窗口中添加以下 JavaScript 代码:
```
window.onbeforeunload = function() {
window.opener.focus();
}
```
这将在用户关闭新标签页时,把焦点重新设置到原来的页面。
在vue的页面中再打开一个外部链接
可以通过在Vue组件中使用`<a>`标签来打开一个外部链接。例如:
```
<template>
<div>
<a href="https://www.google.com" target="_blank">打开Google</a>
</div>
</template>
```
在上面的示例中,我们使用了`<a>`标签来创建一个超链接,`href`属性指定了要打开的外部链接的URL地址,`target="_blank"`属性指定了在新窗口中打开链接。
阅读全文