【问题标题】:How can i pass active class through $router.push in Vue.js我如何通过 Vue.js 中的 $router.push 传递活动类
【发布时间】:2023-03-04 02:26:01
【问题描述】:

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

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

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

【问题讨论】:

  • 如何设置router-link 活动类?

标签: vuejs2 vue-router


【解决方案1】:

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

例如

const 路由器 = 新的 VueRouter({ 链接ActiveClass:'活动' });

linkActiveClass 是路由选项之一。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-05-13
    • 2020-04-24
    • 2020-10-30
    • 2016-11-12
    • 2022-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多