在 vue 中使用 jquery 方法

在 vue.config.js 中配置。使用以下命令安装 jquery。在需要使用的页面中引入即可使用。

sywdebug

6722人浏览 · 2021-05-31 16:27:30

sywdebug · 2021-05-31 16:27:30 发布

使用以下命令安装 jquery

npm install jquery --save

在 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'
    }])
  }
}

在需要使用的页面中引入即可使用

import $ from "jquery"

引入$
使用示例

❀❀❀❀❀❀ 完结散花 ❀❀❀❀❀❀

Written ❤️ sywdebug.

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