美文网首页web开发Vue移动端
vue 内嵌微信扫描二维码登录

vue 内嵌微信扫描二维码登录

作者: 1994陈 | 来源:发表于2019-04-11 18:13 被阅读0次

    官方网站: https://open.weixin.qq.com

    (一定要看官方API,能让你少走十万八千里的弯路!!!!自我警告⚠️)

    代码如下:
    1.1在index.html中引入wxLogin.js

        <script type='text/javascript' src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
    
    

    2.2根据需求,在点击的时候出现二维码,在methods中单独写了二维码的方法并在点击事件中执行。二维码代码如下:

    var obj=new WxLogin({
           self_redirect:false,
           id:'qrcode',
           appid:'wxe19e3e2415e89353',
           scope:'snsapi_login',
           redirect_uri:encodeURIComponent('http://www.coolarch.net/Mingzhu/wechat/callBack'),
           state:'1211111',
           style:'black',
           href:'',
         })
    

    tips:

    1. 出现了redirect_uri 参数错误
      出现很多解决方法,其中包括不需要写http://的,实践证明,去掉http://是不行的。

    2.self_redirect为true的时候,出现了很'魔幻'的事情


    1.gif

    相关文章

      网友评论

        本文标题:vue 内嵌微信扫描二维码登录

        本文链接:https://www.haomeiwen.com/subject/jtyxwqtx.html