在vue-router中基于查询参数设置活动类

时间:2018-06-30 20:15:58

标签: vue.js vue-router

我有以下路由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">

但是,显然,这是获得结果的肮脏技巧。

0 个答案:

没有答案