1.先在index.html中引入js文件
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
**
2.在需要的页面进行实例化(本项目是在登录页进行扫码)
键值说明:
Id: 是存放二维码的容器,
appid: 是开发者在微信开房平台提交申请后,获得appid和一个秘钥
scope: snsapi_login这个是代表网页版
redirect_uri: 这个是扫码后要跳转的页面,这个是要跳转到loginsuccess页面,这个路径要urlEncode转码的,转码地址为(http://tool.phpshuo.com/UrlEncode.html), 注意,要跳转的地址必须在申请的域名下面。
style: 代表二维码的样式,有black和white可选,
href: 修改二维码的样式,要经过base64位转码,地址为(https://the-x.cn/base64/)。
login.vue 页面
<!-- 承载二维码容器 -->
<di