vue window.open

作者：狂战天下发布日期:2025-08-28 浏览:44

// 使用 Vue.js 和 window.open 的示例代码

<template>
  <div>
    <button @click="openWindow">打开新窗口</button>
  </div>
</template>

<script>
export default {
  methods: {
    openWindow() {
      // 使用 window.open 打开一个新窗口
      window.open('https://www.example.com', '_blank', 'noopener,noreferrer');

      // 解释：
      // 第一个参数是要打开的 URL。
      // 第二个参数是目标窗口的名字，'_blank' 表示在新标签页中打开。
      // 第三个参数是窗口特性字符串，'noopener,noreferrer' 是为了提高安全性，防止新页面访问或修改当前页面。
    }
  }
}
</script>

上一篇：vue proxy 重写

下一篇：vue甘特图组件