小编Pat*_*uch的帖子

Vue-bootstrap 导航链接到“外部应用程序”

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。现在,什么也没有发生。

  • Vue 设置在<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)

javascript navbar vue.js bootstrap-4 vue-component

4
推荐指数
1
解决办法
1813
查看次数

标签 统计

bootstrap-4 ×1

javascript ×1

navbar ×1

vue-component ×1

vue.js ×1