vue-bootstrap我有一个应用程序,我决定仅使用它来添加选项卡bootstrap等功能。由于我已经在该项目中,所以我决定也将导航重写到其中。现在我遇到一个问题,导航中的链接指向正确的 URL,但是当我单击它们时,没有任何反应。我怀疑 Vue 在内部控制了访问链接的请求。vue-bootstrap
我有以下 Latte 模板语言代码:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div>
<b-nav n:if="$menu->hasVisibleItemsOnMenu()">
{foreach $menu->getVisibleItemsOnMenu() as $itemsParent}
{if $itemsParent->hasVisibleItemsOnMenu() === false}
<b-nav-item n:attr="active => $itemsParent->isActive()">
<a href="{$itemsParent->getRealLink()}">{$itemsParent->getRealTitle()}</a>
</b-nav-item>
{else}
<b-nav-item-dropdown
text="{$itemsParent->getRealTitle()}"
extra-toggle-classes="nav-link-custom"
right
>
{foreach $itemsParent->getVisibleItemsOnMenu() as $item}
<b-dropdown-item n:attr="active => $item->isActive()" >
<a href="{$item->getRealLink()}">{$item->getRealTitle()}</a>
</b-dropdown-item>
{/foreach}
</b-nav-item-dropdown>
{/if}
{/foreach}
</b-nav>
</div>
</div>
</nav>
Run Code Online (Sandbox Code Playgroud)
下拉列表中的链接应将我重定向到链接中的页面/URL。现在,什么也没有发生。
<head> <!-- Load required Bootstrap and BootstrapVue CSS -->
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css"/>
<link type="text/css" …Run Code Online (Sandbox Code Playgroud)