//網頁內調用微信掃碼功能
//首先必須引入微信JS
<script type='text/javascript' src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
//1.html
<div id="login_container"></div>
//2.js
//在頁面創建后調用方法 mounted內
self_redirect:跳轉微信內置頁面還是掃碼圖直接呈現在本頁面定義的ID容器內
id:標簽 id
appid:注冊的微信appid
state: 自定義隨機碼
style: 展示顏色類型 black white
scope: "snsapi_login", 網頁應用目前直接寫死snsapi_login
redirect_uri: 回調鏈接
href:修改默認微信掃碼的樣式 需要base64進行編碼
//方法
login(){
var obj = new WxLogin({
self_redirect:false,
id:"login_container",
appid: wxAppId,
scope: "snsapi_login",
redirect_uri: "http://bd.hcity.com/callBack",
state: 'A123DC35165464',
style: "black",
href: 'data:text/css;base64,LmltcG93ZXJCb3ggLm5vcm1hbFBhbmVse21hcmdpbi10b3A6IDE1cHg7fQouaW1wb3dlckJveCAucXJjb2RlIHt3aWR0aDogMjMwcHg7Ym9yZGVyLWNvbG9yOiNDNUUxRkY7fQouaW1wb3dlckJveCAudGl0bGUge2Rpc3BsYXk6IG5vbmU7fQ=='
});
}