我如何通过 Vue.js 中的 $router.push 传递活动 class
How can i pass active class through $router.push in Vue.js
我正在使用 router-link 作为菜单列表。这样,活动 class 在单击 link 时正确添加。我在一个页面中有一个按钮,它将使用 $router.push 函数导航到另一个页面,但活动的 class 不会从上一页 link 中删除,也不会添加到导航页面.
btnClick: function () {
this.$router.push({ path: '/NextPage' })
},
我可以通过 this.$router.push() 函数强制设置 active class 吗?
创建路由器对象时添加 linkActiveClass
选项。
例如
const router = new VueRouter({
linkActiveClass: 'active'
});
linkActiveClass 是路由选项之一。
我正在使用 router-link 作为菜单列表。这样,活动 class 在单击 link 时正确添加。我在一个页面中有一个按钮,它将使用 $router.push 函数导航到另一个页面,但活动的 class 不会从上一页 link 中删除,也不会添加到导航页面.
btnClick: function () {
this.$router.push({ path: '/NextPage' })
},
我可以通过 this.$router.push() 函数强制设置 active class 吗?
创建路由器对象时添加 linkActiveClass
选项。
例如
const router = new VueRouter({ linkActiveClass: 'active' });
linkActiveClass 是路由选项之一。