在 Vue3 中点击按钮跳转到外部网站新的标签页中打开外部网站帧访问跨原点帧

在 Vue3 中，你可以使用window.open()方法来打开一个新的标签页，并在其中加载外部网站。这个方法可以接受两个参数：外部网站的URL和打开新标签页的名称。如果你想要在新标签页中打开外部网站，可以使用下面的代码：

<template>
  <button @click="openExternalWebsite">打开外部网站</button>
</template>

<script>
export default {
  methods: {
    openExternalWebsite() {
      window.open('https://www.example.com', '_blank')
    }
  }
}
</script>

这个例子中，window.open()方法会在一个新的标签页中打开https://www.example.com这个外部网站，并且使用_blank作为新标签页的名称。这样就可以实现在新的标签页中打开外部网站的效果。

需要注意的是，由于涉及到跨域访问，可能会受到浏览器的安全策略限制。在某些情况下，浏览器会阻止跨域访问，或者在新标签页中打开外部网站时会弹出警告。如果遇到这种情况，你可以尝试在服务器端进行配置，以允许跨域访问。