在路由 Laravel 8 的基础上设置 nav 链接激活

在Laravel 8中，设置导航链接激活状态可以通过利用Illuminate\Support\Facades\URL类的current()方法和路由的命名来实现。下面我们将介绍如何实现这一功能。

步骤

1. 首先，你需要配置路由和命名路由。在routes/web.php文件中，你可以使用Route::name()方法来为路由命名。例如：

   Route::get('/about', function () {
       return view('about');
   })->name('about');
   

2. 接下来，你需要在视图文件（如header文件）中设置导航链接，并使用current()方法和routeNameIs()方法来判断当前链接是否是该链接。例如：

   <ul>
       <li class="{{ Request::url() == route('home') ? 'active' : '' }}">
           <a href="{{ route('home') }}">Home</a>
       </li>
       <li class="{{ URL::current() == route('about') ? 'active' : '' }}">
           <a href="{{ route('about') }}">About</a>
       </li>
       <li class="{{ URL::current() == route('contact') ? 'active' : '' }}">
           <a href="{{ route('contact') }}">Contact</a>
       </li>
   </ul>
   

   在上面的代码中，我们使用了Request::url()方法来判断当前URL是否是我们想要的URL。对于命名路由，我们使用了route()辅助函数来生成链接，并使用URL::current()方法来判断当前链接是否是该链接。

3. 最后，在CSS文件中，你可以为active类设置不同的样式。

   .active {
       color: red;
       font-weight: bold;
   }
   

总结

使用current()方法和命名路由方法可以方便地判断当前链接是否是导航链接，并设置导航链接的激活状态。这种方法非常精确且可靠，并且适用于大多数应用程序。