如何在移动电话浏览器中强制重定向到新窗口或选项卡？

Question

我正在开发一个名为“Vue”的应用程序，基本上是一个订单表单。 在最后一步，如果您选择直接付款，则会被重定向到安全的付款页面，在浏览器中打开一个新标签页。

      const url = "/api/es/orders/" + this.functionalId
      globalAxios
        .put(url, payload, config)
        .then(res => {
          if (res.data.dev_code) {
            if (this.selectedResume === "payment") {
              const urlPayment = Config.PAYMENT_URL + res.data.dev_code
              window.open(urlPayment, "_blank")
            }
          }
        })
        .catch(error => console.log(error))

问题是它在移动电话之外的所有设备上都可以做到这一点。

有没有不在移动电话上执行此操作的原因？

我需要包含特定的内容吗？

我做错了什么？

感谢大家的时间和帮助。

- homerThinking

---

避免使用window.open()，请参见https://developer.mozilla.org/en-US/docs/Web/API/Window/open。 - Estradiaz

@Estradiaz，还有其他选择吗？ - homerThinking

你为什么需要一个新的标签页或窗口呢？难道你不能只是导航或嵌入吗？ - Estradiaz

@javascript110899 你试过使用<router-link :to="{ name: 'routeName'}" target="_blank">Link</router-link>吗？就我测试的情况来看，它在移动端上可以正常工作。 - nickh

Answer 1

你应该使用Vue Router来实现此功能。请查看文档中编程式导航部分。

- Agénor Debriat

Answer 2

我使用location.href = URL，这就是我所做的。也可以使用<a href=url>Here</a>，但接下来用户需要点击它...

- TheComputerWizard