如何在laravel Blade中激活一個子菜單？

Question

在這里，我想讓四個子菜單中的一個子菜單處於活動狀態。 這是用於動態 slug 的。

<div class="solution_tabs">
   @foreach($allMenu as $menu)
   <ul class="submenu">
      @if(isset($menu->submenus))
      @foreach($menu->submenus as $submenu)
      @if(isset($submenu->page->slug))
      <li class="active"><a href="{{url($submenu->page->slug)}}">{{ $submenu->name}}</a></li>
      @else
      <li><a href="{{url($submenu->page->slug)}}">{{ $submenu->name}}</a></li>
      @endif
      @endforeach
      @endif
   </ul>
   @endforeach
</div>

與此圖像相同，我想要菜單的動態子菜單中的一個活動子菜單

Answer 1

您應該將當前 URL 與您的鏈接 URL 進行比較，以檢測巧合。 完成它的一種方法可能是在您的刀片文件中注入請求，使用

@inject('request', 'Illuminate\Http\Request')

然后檢查這樣的匹配：

<li class="{{ $request->segment(1) == $submenu->page->slug ? 'active' : '' }}"><a href="{{url($submenu->page->slug)}}">{{ $submenu->name}}</a></li>

請注意， segment()是基於 0 的，因此當您的 url 類似於example.com/segment(0)/page->slug時， segment(1)起作用