Laravel 侧边栏在页面打开时设置活动选项卡答案

【问题标题】：Laravel sidebar set active tab when page are openLaravel 侧边栏在页面打开时设置活动选项卡
【发布时间】：2019-12-30 08:49:03
【问题描述】：

如果我所在的页面是我的侧边栏上的子页面，我如何设置活动的选定标签并打开子标签？例如，如果我打开 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>

【问题讨论】：

标签： php laravel laravel-5 bootstrap-4

【解决方案1】：

你可以像侧边栏的所有部分一样编写代码

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

你也可以像这样使用

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

【讨论】：

我试过了，不幸的是它不起作用，即使在不同的页面中，我更改为这种格式的 <li> 仍然处于活动状态
哦，所以你可以尝试使用 li 标签

【解决方案2】：

我在许多项目中使用波纹管代码，这些代码用于生产就绪的网络应用程序和 api。

在 html 类属性中添加以下行以突出显示活动路线。

 {{ request()->is('dashboard/report') ? 'active' : '' }}

这对于活跃的课堂来说真的很方便。

【讨论】：

【解决方案3】：

所以我修复它并通过执行类似操作显示/打开所选页面的选项卡，看来我提供的 url 不完整，谢谢大家的建议..

<div class="collapse {{ (request()->is('dev-admin/developer-admins*') || request()->is('dev-admin/clerks-of-works*') || request()->is('dev-admin/developer-contractor-associations*')) ? 'show' : '' }}"
    id="users">
    <ul class="nav nav-sm flex-column">
        <li class="nav-item">
            <a class="nav-link {{ (request()->is('dev-admin/developer-admins*')) ? 'text-primary' : '' }}"
                href="{{ route('dev-admin.developer-admins.index') }}">
                {{ __('Admins') }}
            </a>
            <a class="nav-link {{ (request()->is('dev-admin/clerks-of-works*')) ? 'text-primary' : '' }}"
                href="{{ route('dev-admin.clerk-of-works.index') }}">
                {{ __('Clerks of Work') }}
            </a>
        </li>
    </ul>
</div>

【讨论】：