Vue/Nuxt window.open 按钮点击事件

Question

我在 Vue 中有一个按钮单击事件，它调用一个使用 window.open() 打开 pdf 的方法。除了 MAC 上的 safari，它在所有浏览器中都能正常工作。不太确定是什么原因造成的？我需要将 $event 传递给方法吗？

 <div class="button-download">
  <button
    class="button button--primary__small"
    @click="openPDF"
  >
    Take Survey
  </button>
</div>


methods: {
  openPDF: () => {
    window.open("take-survey.pdf", "_blank");
  }
}

Answer 1

如果它不适用于 Safari，则更多是浏览器支持问题，而不是您的代码。

您可能需要缩小问题范围以检查此问题的来源，Browserstack 等工具可以帮助找出它可能再次运行的版本。

然后，就看你能不能找到一个 polyfill 来复制不受支持的代码片段。

Vue/Nuxt window.open 按钮点击事件

Vue / Nuxt window.open button click event

javascript

vue.js

nuxt.js