时间戳

首页 > 解决方案 > 当页面打开时，Laravel 侧边栏设置活动选项卡

php - 当页面打开时，Laravel 侧边栏设置活动选项卡

问题描述

如果我所在的页面是侧边栏上的子页面，我如何设置活动的选定选项卡并打开子选项卡？例如，如果我打开Contractor Association页面，Users选项卡应该展开突出显示Contractor Association选项卡。现在每次我打开一个新页面时，侧边栏都会重置回来

 <ul class="navbar-nav">
    <li class="nav-item">
        <a class="nav-link {{ (request()->is('home')) ? 'text-primary' : '' }}"
            href="{{ route('dev-admin.home') }}">
            <i class="ni ni-tv-2"></i> {{ __('Dashboard') }}
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ (strpos(Route::currentRouteName(), 'dev-admin.home') == 0) ? 'text-primary' : '' }}"
            href="#users" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="users">
            <i class="fa fa-users"></i>
            <span class="nav-link-text">{{ __('Users') }}</span>
        </a>
        <div class="collapse {{ (request()->is('dev-admin/developer-admins*') ? 'show' : '' }}"
            id="users">
            <ul class="nav nav-sm flex-column">
                <li class="nav-item">
                    <a class="nav-link {{ (request()->is('developer-admins')) ? 'text-primary' : '' }}"
                        href="{{ route('dev-admin.developer-admins.index') }}">
                        {{ __('Admins') }}
                    </a>
                    <a class="nav-link {{ (request()->is('dev-admin/defect-types*')) ? 'text-primary' : '' }}"
                        href="{{ route('dev-admin.clerk-of-works.index') }}">
                        {{ __('Clerks of Work') }}
                    </a>
                    <a class="nav-link {{ (request()->is('developer-admins')) ? 'text-primary' : '' }}"
                        href="{{ route('dev-admin.developer-contractor-associations.index') }}">
                        {{ __('Contractor Association') }}
                    </a>
                </li>
            </ul>
        </div>
    </li>
</ul>

标签： phplaravellaravel-5bootstrap-4

解决方案

您可以在所有部分的侧栏中编写代码

<li class="@if(Route::is('developer-admins')) {{ 'active' }} @endif"
<a href="{{ route('dev-admin.developer-admins.index') }}">
{{ __('Admins') }}
</a></li>

你也可以使用 like

<li class="{{ set_active(['login*']) }}">
    <a href="{{ url('/login') }}">Login</a>
</li>
<li class="{{ set_active(['register*']) }}">
    <a href="{{ url('/register') }}">Signup</a>
</li>

推荐阅读