我有以下路由URL:/catalogue
,可以接受/catalogue?category_id=5
之类的查询参数。
我显示链接的类别列表,并希望突出显示它们。但是,无论我通过哪个category_id
都没关系,对于<router-link>
而言,任何路由都适用。
我不想通过category_id
作为URL道具(/catalogue/:category_id
),因为可能还有其他情况,例如我有?favorite=true
参数,Favorite
链接我也希望该链接也突出显示,但这不是类别。
因此,到目前为止,我制作了一个函数,该函数返回是否应该激活类别,同时为每个active-class="faked"
添加<router-link>
,以便它添加一些随机的(伪造的)活跃类。看起来像这样:
<router-link :class="{ active: isCategoryActive(category) }"
active-class="faked-active">
但是,显然,这是获得结果的肮脏技巧。