javascript - 如何在每次页面加载后运行特定的 jquery 脚本？

Question

我的客户给我发送了一个严重依赖 jQuery 的 HTML 模板。该应用程序本身在 nuxt 上运行。我有一个包含大量 $(function(){...}) 的 js 文件。现在我不知道如何在每次页面转换时运行这个文件。

到目前为止，我已经尝试过:

1. 在 plugins 目录中创建一个 plugin，如下所示:

 export default async ({ app }) => {

     app.router.afterEach((to, from) => {
         require('~/static/js/base-init.js');
     })
 }

这里 base-init.js 有所有这些 jquery 代码

1. 添加 mounted(在 default.vue 布局内)但这也不起作用。

有人知道吗？

Answer 1

如果你想在 nuxt 上使用你的 jquery 文件就这样做

在你的 nuxt.config.js 添加

npm i jquery

plugins: [
  '~plugins/my-jquery-code.js'
]

在plugins/my-jquery-code.js

里面

 if (process.BROWSER_BUILD) {
  const $ = require('jquery')
  $(function() {
  console.log('document ready!');
  // do whatever you want with html and jquery
 })
}

我指的是这个链接 => https://github.com/nuxt/nuxt.js/issues/356

它对我有用!祝你好运。