vue-element-admin 引入 jQuery

vue tytrock ⋅ 于 2021-11-26 16:14:52 ⋅ 2190 阅读

1、安装jQuery组件

npm install jquery --save


2、webpack添加jQuery组件

这个vue-element-admin用的是新的vue-cli框架,和常规的vue不同,所以没有webpack.conf文件,可以在vue.config.js里添加

首先在vue.config.js头部require一下webpack

const webpack = require('webpack')

image.png

然后找到configureWebpack,添加jQuery组件

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

image.png


这样就可以在vue的javascript里使用$符号了

回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter