Javascript 如何创建指向在vuejs中包含计算变量的URL的链接？

在我的Vuejs应用程序中，我有一个按钮，可以打开一个新选项卡。我需要在新选项卡中打开一个链接。链接看起来像这样

<template>
  <div class="header p-4">
    <div class="container-fluid px-2">
      <div class="d-flex">
        <li class="nav-item">
          <a
            class="nav-link"
            exact-active-class="active"
            :href="getZendeskToken()"
            target="_blank"
          >Community</a>
        </li>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "NavBar",
  methods: {
    getZendeskToken() {
      axios.get("/zendesk/token").then(
        response => {
          window.open(
            "https://fooWebsite.zendesk.com/access/jwt?jwt=" + response.data
          );
        },
        error => {
          store.setErrorMessage("Could not create a JWT", error);
        }
      );
    }
  }
};
</script>

导出默认值{
名称：“导航栏”，
方法：{
getZendeskToken（）{
获取（“/zendesk/token”）。然后(
响应=>{
打开窗户(
"https://fooWebsite.zendesk.com/access/jwt?jwt=“+response.data
);
},
错误=>{
setErrorMessage（“无法创建JWT”，错误）；
}
);
}
}
};

其中computeFooParam（）执行服务器获取

该链接不起作用，因为computeFooParam（）返回响应需要时间

---

按钮调用的onclick（）属性可以是一个使用window.open（）打开新窗口的函数。但是，这是一个弹出窗口。默认情况下，Firefox会阻止弹出窗口。

您好，您能做一个提示吗？如果您需要等待响应，请尝试使用asyn/wait。谢谢，@Loki。在这个例子中会是什么样子？getZendeskToken（）声明之前的“async”？“await”关键字应该放在哪里？await应该放在您提出的axios请求前面。您可以在此处查看更多信息：