场景

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

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

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

注:

关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

搭建后的项目结构为

ElementUI项目中怎样引用Jquery_ElementUI

 

1.main.js中添加

import $ from 'jquery'

添加位置如下

ElementUI项目中怎样引用Jquery_ajax_02

 

2.package.json中添加

"jquery": "^2.2.3"

具体版本号根据自己需要

添加位置如下

ElementUI项目中怎样引用Jquery_ajax_03

 

3.webpack.config.js中添加

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

添加位置如下

 

ElementUI项目中怎样引用Jquery_ajax_04