vue - использовать один и тот же URL несколько раз с другим якорем

Question

В своем веб-приложении я использую один и тот же URL несколько раз с другими якорями. Можно ли как-то «хранить» baseurl где-нибудь?

Мой код выглядит так:

  <a
    class="link"
    href="https://google.com/same/index.html#ancor"
    target="_blank">
    {{ $t("labelLearnMore") }}
  </a>

https://google.com всегда одинаков, могу ли я как-то сократить это в vue, что код выглядит чище?

Заранее спасибо!

Answer 1

  <a
    class="link"
    :href="baseUrl + '/same/index.html#ancor'"
    target="_blank">
    {{ $t("labelLearnMore") }}
  </a>

или es2015

  <a
    class="link"
    :href="`${baseUrl}/same/index.html#ancor`"
    target="_blank">
    {{ $t("labelLearnMore") }}
  </a>

установите baseUrl в ваших vue данных

Answer 2

Вместо тега a используйте router-link, предоставленный vue-router.
Код будет:

<router-link
  to="/same/index.html#ancor"
  target='_blank'
/>

Для получения дополнительной информации ознакомьтесь с документация