vue微信登录

一.引入js
index.html引入js


二.微信二维码容器


三.配置
href为二维码base64样式,redirect_uri为回调地址

  mounted() {
    var that = this;
    var obj = new WxLogin({
      self_redirect: false,
      id: "login_container",
      appid: that.$store.state.app.appid,
      scope: "snsapi_login",
      style: "white",
      redirect_uri: that.$store.state.app.redirect_uri,
      href:
        "data:text/css;base64,LmltcG93ZXJCb3gge2xpbmUtaGVpZ2h0OjIuMn0KLmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDE4MHB4O21hcmdpbi10b3A6MzBweDtib3JkZXI6MH0KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lO30KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO2NvbG9yOiNjY2N9IAouaW1wb3dlckJveCAuc3RhdHVzIHA6bnRoLWNoaWxkKDIpe2Rpc3BsYXk6bm9uZX0=",
    });
  },

你可能感兴趣的:(vue微信登录)