所以我使用Laravel与Vue3和Inertiajs。我已经包含了Ziggy,以便能够使用命名路由。这很好用。但我试图在当前路由处于活动状态时将active
添加到我的链接类中,如下所示:
<Link :href="route('user.dashboard')"
class="nav-link"
:class="{'active': route().current() == route('user.dashboard')}">
Dashboard
</Link>
字符串
这是行不通的。然而,以下两种方法都有效:
:class="{'active': route().current('user.dashboard')}"
:class="route().current('user.dashboard') ? 'active' : ''"
型
但是当点击另一个链接时,active
类并没有被删除,因此导致我的“ Jmeter 板”链接无限期地保持活动状态。我在这里做错了什么?
1条答案
按热度按时间xdyibdwo1#
你能试试这个
<Link :href="route('user.dashboard')" class="nav-link" :class="{ 'active': $page.props.ziggy.location == route('user.dashboard') }">Dashboard</Link>
吗