Question

我正在laravel应用程序的.vue文件中更改导航菜单。我试图链接到外部网址，例如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

似乎唯一的方法是使用

<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>

Answer 2

一种方法是使用window.location.href。对于例如

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

以及方法对redirectTo的定义

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

.vue文件路由器链接到外部URL？

2 个答案: