每个页面加载后如何运行特定的jQuery脚本?

时间:2019-02-13 10:21:02

标签: javascript jquery nuxt.js

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

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

  1. plugin目录中创建一个plugins,如下所示:
 export default async ({ app }) => {

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

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

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

有人知道吗?

1 个答案:

答案 0 :(得分: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

它为我工作! 祝你好运。