vue 引入 jquery

vue中引入jquery安装jquery包npm install jquery --save配置vue.config.jsconst webpack = require('webpack');module.exports = {configureWebpack: {plugins: [new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery","

易de

4615人浏览 · 2022-01-21 11:13:52

易de · 2022-01-21 11:13:52 发布

vue中引入jquery

安装jquery包

npm install jquery --save

在这里插入图片描述

配置vue.config.js

const webpack = require('webpack');
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "window.jQuery": "jquery",
        Popper: ["popper.js", "default"]
      })
    ]
  }
}

在这里插入图片描述

在main.js中全局引用

import jquery from 'jquery';
Vue.prototype.jquery = $

在这里插入图片描述

在文件中使用

$(function(){
     alert('load')
 })

在这里插入图片描述
生效：

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}$/, //不连续的两位字母// /^