先貼一個微信開發文檔教程 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
大家可以看教程操作，我說說我在寫的時候遇到的一些問題，供大家參考
1、redirect_url是掃碼確認后重定向地址，需要一個自己寫的頁面地址，自己通過這個地址的url獲取后端獲取用戶微信信息所需要的code。
2、redirect_url需要在微信開放平台設置，然后將redirect_url通過encodeURIComponent轉碼后方可正常獲取二維碼。
3、如果提示redirect_url參數錯誤，檢查下參數是否是自己項目的一些參數。比如appid、redirect_url地址是否在開放平台配置。
4、內嵌二維碼可以自己編輯樣式，先寫好樣式后，將樣式轉成base64，放入href中即可。
5、self_redirect設置成true，意思是在當前二維碼所在的iframe中跳轉，默認掃碼方式就設置成true
如果是內嵌二維碼，就必須設置成false，否則就會出現如下圖情況，在二維碼嵌入的地方打開重定向的網頁。
-------------------------------------------------------------
無論什么框架中使用都是在頁面加載的時候引入 http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js，然后根據文檔寫api即可
單頁面可以通過以下方式在組件創建的時候引入，在組件銷毀前移除即可
create () {
const s = document.createElement('script')
s.type = 'text/javascript' s.src = 'http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js' document.body.appendChild(s)
}
以上是我所遇到的所有問題，希望對大家有所幫助。