Как я могу создать ссылку на URL, который включает вычисляемую переменную в vuejs? - PullRequest
Новая
       20

Как я могу создать ссылку на URL, который включает вычисляемую переменную в vuejs?

0 голосов
/ 17 октября 2019

В моем приложении 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>

, где computeFooParam () выполняет выборку с сервера.

Ссылка не работает, поскольку computeFooParam () требует времени для возврата ответа.

Возможно, чтобы атрибут onclick () нашей кнопки вызывал функцию, которая использует window.open () для открытия нового окна. Тем не менее, это всплывающее окно. Firefox по умолчанию блокирует всплывающие окна.

...