Как запускать скрипт при каждом изменении страницы в nuxtjs

В настоящее время у меня проблема с bootstrapvue, когда меню, выбранное из раскрывающегося списка в свернутом меню, остается открытым после загрузки новой страницы. Я полагаю, я могу просто вручную удалить классы, если я могу запускать его при каждом изменении страницы с помощью nuxt


person joe    schedule 15.11.2020    source источник


Ответы (1)


У вас есть несколько вариантов, но промежуточное ПО настраиваемой маршрутизации звучит хорошо.

Перейдите в исходный каталог и создайте файл middleware/menu.js (создайте каталог, если вы не существует):

export default function({route, from, store, redirect}) {
  // here put logic to hide menu
}

На следующем шаге вам нужно настроить глобальное промежуточное ПО в config. Откройте nuxt.config.js и добавьте:

router: { middleware: ['menu'] }

Код промежуточного ПО будет запускаться перед рендерингом каждой страницы.

person Daniel    schedule 16.11.2020