2017-10-28 73 views
0

我正在使用@include在所有页面中包括标题,但问题仍然突出显示在主页项目上,如何突出显示活动页面项目 示例: 主动CSS是当前菜单父laravel使用包含标题时突出显示当前页面的菜单项

 <ul class="menu-list text-uppercase"> 
     <li class="current-menu-parent"> 
     <a href="{{url('/')}}" title="">Home</a> 
     </li> 
      <li> 
       <a href="{{route('cdashboard')}}" class="btn_signin" title="">MY DASHBOARD</a> 
     </li> 

回答

0

Laravel /刀片本身并不能自动地做到这一点。

您应该检查当前的路由名称,如果它等于相应的路由,那么添加current-menu-parent类以对应li

作为一个提示:

<li @if(Route::currentRouteName() === 'route_name') class="current-menu-parent" @endif> 

UPDATE:

您可以通过路由的路径,而不是路由的名称也做到这一点:

<li @if(\Illuminate\Support\Facades\Request::is("/route_url")) class="current-menu-parent" @endif> 
+0

YaserKH谢谢 –

+0

@SallyBulbul您的欢迎:) – YaserKH

0

我用这个方法 我的帮手

function menuActive($route_name) 
{ 
    return Route::currentRouteName() == $route_name ? 'active' : ''; 
} 

使用

<li class="{{menuActive('cdashboard')}}"> 
      <a href="{{route('cdashboard')}}" class="btn_signin" title="">MY DASHBOARD</a> 
    </li> 
0

Laravel /刀片本身并不能自动地做到这一点。

您应该检查当前的路由名称,如果它等于相应的路由,那么添加current-menu-parent类以对应li。

编辑的代码是

<ul class="menu-list text-uppercase"> 
<li @if(Route::currentRouteName() === 'route_name') class="current-menu-parent" @else class="class-name" @endif> 
     <a href="{{url('/')}}" title="">Home</a> 
     </li> 
      <li> 
       <a href="{{route('cdashboard')}}" class="btn_signin" title="">MY DASHBOARD</a> 
     </li> 
</ul>