如何在vue-cli4中使用jquery

在vue-cli3中使用jquery1. 安装jquery2. 添加vue.config.js文件3. 引入jquery1. 安装jquerynpm install jquery --save2. 添加vue.config.js文件我的项目生成后是没有这个文件的，所以要添加vue.config.jsconst webpack = require('webpack')module...

Bug女杀手

5534人浏览 · 2020-03-20 11:05:57

Bug女杀手 · 2020-03-20 11:05:57 发布

在vue-cli4中使用jquery

1. 安装jquery
2. 添加vue.config.js文件
3. 引入jquery

1. 安装jquery

npm install jquery --save

2. 添加vue.config.js文件

在这里插入图片描述
我的项目生成后是没有这个文件的，所以要添加vue.config.js

const webpack = require('webpack')
 
module.exports = {
  chainWebpack: config => {
    config.plugin('provide').use(webpack.ProvidePlugin, [{
      $: 'jquery',
      jquery: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    }])
  }
}

在此文件中写上以上代码

3. 引入jquery

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^