Это мой код. Как сделать так, чтобы выбранное меню было активным в bootstrap laravel 8?

<!-- Sidebar-->
            <div class="bg-dark border-right text-light" id="sidebar-wrapper">
                <div class="sidebar-heading"></div>
                <div class="list-group list-group-flush">
                    <a class="list-group-item list-group-item-action bg-dark text-light" href="/home">Dashboard</a>
                    <a class="list-group-item list-group-item-action bg-dark text-light" href="/sales">Sales</a>
                    <a class="list-group-item list-group-item-action bg-dark text-light" href="/product">Product</a>
                </div>
            </div>

Я пробовал это, но не работает

Установка активного класса для пунктов меню динамически в laravel

как установить активный класс Bootstrap navbar на одностраничном веб-сайте в Laravel 5.5

0
Pamungkas 14 Июн 2021 в 07:48

2 ответа

Лучший ответ

Попробуй это :

<a class="list-group-item list-group-item-action bg-dark text-light @if(Request::segment(1) == 'home') active @endif"  href="/home">Dashboard</a>
<a class="list-group-item list-group-item-action bg-dark text-light @if(Request::segment(1) == 'sales') active @endif"  href="/sales">Sales</a>
<a class="list-group-item list-group-item-action bg-dark text-light @if(Request::segment(1) == 'product') active @endif"  href="/product">Product</a>
0
Espresso 14 Июн 2021 в 05:39

Вы можете сделать это так. Вы можете использовать request()->path(), чтобы получить текущий URL-адрес без базового URL-адреса. Если вам нужно сравнить весь URL-адрес, тогда fullUrl() будет лучшим решением

 <a class="list-group-item list-group-item-action bg-dark text-light {{(request()->path()=="home")?"active":null}}}"   href="home">Dashboard</a>
                 
0
John Lobo 14 Июн 2021 в 04:51