如何在 nuxtjs 中的每个页面更改上运行脚本

【问题标题】：How to run a script on every page change in nuxtjs如何在 nuxtjs 中的每个页面更改上运行脚本
【发布时间】：2021-02-27 05:30:24
【问题描述】：

我目前在使用 bootstrapvue 时遇到问题，其中从折叠菜单中的下拉菜单中选择的菜单在加载新页面后保持打开状态我想我可以手动删除类，如果我可以在每个页面更改时运行它努克斯

【问题讨论】：

【解决方案1】：

您的选择很少，但自定义路由中间件听起来不错。

转到您的源目录并创建文件middleware/menu.js（如果您不存在则创建目录）：

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

在下一步中，您需要在配置中设置全局中间件。打开nuxt.config.js并添加：

router: { middleware: ['menu'] }

中间件代码将在渲染每个页面之前运行。

【讨论】：