1,在vue项目中安装jquery,使用以下命令

npm install jquery --save
项目中出现这个文件说明安装成功

2,找到 vue.config.js 文件并配置为

const { defineConfig } = require('@vue/cli-service')

const webpack = require("webpack");

module.exports = defineConfig({

  transpileDependencies: true,

  chainWebpack: config => {

    config.plugin('provide').use(webpack.ProvidePlugin, [{

      $: 'jquery',

      jquery: 'jquery',

      jQuery: 'jquery',

      'window.jQuery': 'jquery'

    }])

  }

})

3,在所需要的组件中引用就可以了

import $ from "jquery"

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐