javascript - 在 nuxt.js View 中使用 jquery

Question

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

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

还将其添加到nuxt.config.js中:

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

但是当我尝试在 View 中使用它时，它不起作用。 首先我得到:

"$" is not defined

然后当我尝试通过 require $ from 'jquery' 来要求它时 当我尝试使用 $ 时，我得到了未定义的信息。

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

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

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

正如所说，它会给我不同的未定义错误，具体取决于我是否需要它。

如何让它识别$？

Answer 1

我认为jquery在项目中到处都可以使用。所以全局声明将是最好的情况。您只需在项目中添加 JQuery 即可，

1. 将 JQuery.js 保存到静态文件夹中
2. 只需将代码添加到 Nuxt.config.js 文件中，如下所示:

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

希望您的问题能够得到解决。

看图:

您可以从here下载JQuery