在 nuxt.js 视图中使用 jquery

Question

我是第一次尝试 nuxt.js。但是我无法让 JQuery 工作。

我已经安装了 npm 软件包以及 bootstrap.js 和 popper.js。

还将此添加到 nuxt.config.js:

vendor: ['jquery', 'bootstrap'],
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery'
      })
    ],

但是当我尝试在视图中使用它时它不起作用。首先我得到：

"$" is not defined

然后当我尝试通过 require $ from 'jquery' 要求它时当我尝试使用 $.

时，我得到了 undefined

我经常编程 .Net 所以这不是我最擅长的部分。

我正在尝试像这样使用 $：

$.each(this.imageList, function(key, image) {
    formData.append(`images[${key}]`, image)
  })

如前所述，它会根据我是否需要它给出不同的未定义错误。

如何让它识别 $？

Answer 1

我觉得jquery可以在项目的任何地方使用。所以全球声明将是最好的情况。你可以简单地在你的项目中添加JQuery，

script: [{src: 'jquery-3.3.1.min.js'}]

希望你的问题能得到解决。

见图：

您可以从 here

下载 JQuery

using jquery in nuxt.js view