首页 > 解决方案 > 我如何通过 Vue.js 中的 $router.push 传递活动类

问题描述

我正在使用路由器链接作为菜单列表。这样,活动课程就会在单击链接时正确添加。我在页面中有一个按钮,它将使用 $router.push 函数导航到另一个页面,但活动类不会从上一页链接中删除,也不会添加到导航页面。

btnClick: function () {
    this.$router.push({ path: '/NextPage' })
},

我可以通过 this.$router.push() 函数强制设置活动类吗?

标签: vuejs2vue-router

解决方案


linkActiveClass在创建路由器对象时添加选项。

例如

const router = new VueRouter({ linkActiveClass: 'active' });

linkActiveClass 是路由选项之一。

https://router.vuejs.org/api/#name


推荐阅读