根据路由路径动态更改 css class 未按预期运行

Question

当我位于从浏览器复制的以下路径时，我想在 link 中包含一个 active class：

http://127.0.0.1:8000/products?_token=vcLckxysIra4DARsea0vsfqKQ0LgxzlhLaq4g2oD&look=official

在我的 blade 中，我有以下内容，但当我不在该路径上时它不起作用。

<li class="{{ Request::path() === 'products?look=official' ? 'active' : '' }}">Official Khaki Pants & Blouses</li>

我错过了什么？

Answer 1

您可以使用 ->input() 或 ->query() 来自 Request facade 或 request() helper。

request()->query('look');

<li class="{{ request()->query('look') == 'official' ? 'active' : '' }}">
    Official Khaki Pants & Blouses
</li>

Answer 2

<li class="{{ request()->input('look') == 'official' ? 'active' : '' }}">Official Khaki Pants & Blouses</li>

Having a css class changing dynamically according to the route path not functioning as expected