Ссылка роутера файла .vue на внешний URL?

Question

Я делаю изменения в меню навигации в файле .vue в моем приложении laravel.Я пытаюсь создать ссылку на внешний URL-адрес, такой как https://google.com, но если я изменю код на ссылку, ссылка не будет отображаться при компиляции.

Я пытался перейти на роутер-ссылку на внешний сайт, но это не сработало.Он пытается перейти к этому как страница / https://google.com

<li class="nav-item" @click="closePanel">
            <router-link class="nav-link" to="/campaigns">
                <i class="fal fa-layer-group"></i>
                <span>Campaigns</span>
            </router-link>
        </li>
<li class="nav-item" @click="closePanel">
            <router-link class="nav-link" to="https://google.com">
                <i class="fal fa-layer-group"></i>
                <span>External website</span>
            </router-link>
        </li>

Answer 1

Одним из способов будет использование window.location.href. Например,

<a href='redirectTo("https://google.com")'>Redirect to google</a>

А по методам определения redirectTo

 methods:{ 
      redirectTo(url){
        window.location.href=url;      
       } 
  }

Answer 2

Кажется, что единственный способ использовать

<li class="nav-item" @click="closePanel">
            <a href="https://google.com" target="_blank" class="nav-link">
                <i class="fal fa-layer-group"></i>
                <span>External website</span>
            </a>
        </li>