我的客户给我发送了一个严重依赖jQuery的HTML模板。该应用程序本身在nuxt上运行。我有一个js文件,其中包含很多$(function(){...})
。现在,我不知道如何在每次页面转换时运行此文件。
到目前为止,我已经尝试过:
plugin
目录中创建一个plugins
,如下所示: export default async ({ app }) => {
app.router.afterEach((to, from) => {
require('~/static/js/base-init.js');
})
}
base-init.js
拥有所有这些jquery代码
mounted
(在default.vue
内部),但这也不起作用。有人知道吗?
答案 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
它为我工作! 祝你好运。