Я использую «Нижний лист» Vuetify как большое навигационное меню для моего Vue-приложения. На нижнем листе у меня есть список, и каждый элемент связан с соответствующим маршрутом. Маршрут изменяется, но состояние обновляется только при первом щелчке элемента и не изменяется, если я щелкаю другой элемент в списке.
В качестве быстрого исправления я запускаю метод в событии click вместо использования <router-link>
. Здесь я закрываю диалоговое окно, отправляю действие и толкаю послесловие к маршруту:
linkToArt (item) {
this.dialog = false
this.loadSingleCollection(item.name)
this.$router.push({ name: 'collection', params: {id: item.id } })
}
Это работает, но я хочу обновить состояние в самом компоненте «коллекция». Есть ли способ в диалоге нажать непосредственно на соответствующий маршрут через роутер-линк и обновить там состояние? Или я что-то пропустил?