ElementUI项目中怎样引用Jquery

场景

使用ElementUI的快速开始的项目模板搭建Element项目后,

要在vue页面中使用jquery的语法。

这里直接使用$.ajax会提示$找不到。

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

搭建后的项目结构为

ElementUI项目中怎样引用Jquery_第1张图片

1.main.js中添加

import $ from 'jquery'

 

添加位置如下

ElementUI项目中怎样引用Jquery_第2张图片

 

 

2.package.json中添加

"jquery": "^2.2.3"

具体版本号根据自己需要

添加位置如下

ElementUI项目中怎样引用Jquery_第3张图片

3.webpack.config.js中添加

new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"
    })

添加位置如下

ElementUI项目中怎样引用Jquery_第4张图片

你可能感兴趣的:(ElementUI项目中怎样引用Jquery)