vue 在新窗口打开外部链接再返回

在 Vue 中，可以使用 `window.open` 方法打开一个新窗口，并且可以在新窗口中加载外部链接。例如：

openExternalLink() {
  window.open('https://www.example.com', '_blank');
}

这将在新标签页中打开 `https://www.example.com`。如果你想在用户关闭新标签页后返回到原来的页面，可以在新窗口中添加以下 JavaScript 代码：

window.onbeforeunload = function() {
  window.opener.focus();
}

这将在用户关闭新标签页时，把焦点重新设置到原来的页面。

相关问题

在Windows系统中，安装@vue/cli后，如何确保vue -V命令能够在命令行中被识别并返回正确的版本信息？

在使用npm全局安装@vue/cli工具后，如果遇到无法在命令行中使用vue -V命令的问题，通常是因为系统的环境变量PATH没有正确配置@vue/cli的可执行文件路径。以下是详细步骤来解决这个问题：

参考资源链接：[全局安装@vue/cli 后vue -V不是内部或外部命令的有效解决办法](https://wenku.csdn.net/doc/6401ac12cce7214c316ea883?spm=1055.2569.3001.10343)

1. 打开Windows的开始菜单，搜索“环境变量”并打开“编辑系统环境变量”。
2. 在系统属性窗口中点击“环境变量”按钮。
3. 在环境变量窗口中，找到系统变量区域的“Path”变量，选择后点击“编辑”。
4. 在编辑环境变量窗口，点击“新建”并粘贴@vue/cli的安装路径。如果不确定具体的安装路径，可以通过npm配置指令npm config get prefix来查找npm的全局安装目录，一般情况下@vue/cli会被安装在该目录下的lib/node_modules/@vue/cli/bin/。
5. 确认无误后，点击“确定”保存更改，并关闭所有剩余的环境变量窗口。
6. 打开一个新的命令提示符窗口，输入命令vue -V，此时应该能够正确显示出@vue/cli的版本号。
通过以上步骤，你应该能够解决命令行无法识别vue -V命令的问题。如果问题依旧存在，建议重启计算机以确保环境变量的更改生效。关于如何全局安装@vue/cli以及其他相关配置的详细信息，建议参考文章《全局安装@vue/cli 后vue -V不是内部或外部命令的有效解决办法》以获得更深入的理解和帮助。

参考资源链接：[全局安装@vue/cli 后vue -V不是内部或外部命令的有效解决办法](https://wenku.csdn.net/doc/6401ac12cce7214c316ea883?spm=1055.2569.3001.10343)