Vue2.0

vue2.0里面使用jquery

2018-07-27  本文已影响21人  杀个程序猿祭天

vue2.0里面使用jquery

原网址:https://blog.csdn.net/qq_39588818/article/details/80483969

在于后台数据交互时,出现跨域问题,后台试了各种方法,都不好用

我也换了很多种,resource,axios,mui的,原生的都不好用,只有jquery可以访问到数据,这就很难受了,无奈之下只好引入jquery

1.npm install jquery --save-dev 

2.找到build文件夹下的webpack.base.conf.js

第一行加入

  var webpack=require('webpack')
 在module.exports中加入
  plugins: [ 
           new webpack.ProvidePlugin({ 
             $:"jquery", 
             jQuery:"jquery", 
            "windows.jQuery":"jquery"
            }) 

          ]   

3.切记需要重新启动项目。现在我们就可以愉快的使用jquery

 import $ from 'jquery'
        var that = this
     $.ajax({
       type: "get",
      url: that.service + "/queryLoginByCuserPhone",
    async: true,
   dataType: 'json',
   data: {
   cuserPhone: that.phone,
    cuserPassword: that.pwd
   },
       success: function(res) {
      console.log(res)
    }
}); 
上一篇 下一篇

猜你喜欢

热点阅读