Как я могу передать активный класс через $ router.push в Vue.js

Question

Я использую роутер-ссылку для списка меню.При этом активный класс добавляется правильно при нажатии на ссылку.У меня есть кнопка на странице, и она будет переходить на другую страницу с помощью функции $ router.push, но активный класс не удаляется из ссылки на предыдущую страницу и не добавляется на страницу навигации.

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

Могу ли я принудительно установить активный класс с помощью этой функции. $ Router.push ()?

Answer 1

Добавить linkActiveClass параметр при создании объекта маршрутизатора.

Например,

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

linkActiveClass - это один из вариантов маршрута.

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