如何在Vue.js中通过$ router.push传递活动类

时间:2018-06-06 09:15:14

标签: vuejs2 vue-router

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

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

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

1 个答案:

答案 0 :(得分:1)

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

例如

  

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

linkActiveClass是路线选项之一。

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