一、首先，微信有個微信開放平台，里邊有微信掃碼登錄的文檔，可以直接去那看文檔，連接給你們放這https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html；我是真不愛看這玩意，我就喜歡能實現效果的代碼！
二、然后。說我自己做到的東西，我是寫的vue，也是網上查的資料，就是生成一個微信二維碼，一掃，后端給你個連接，掃完就根據這個連接就登錄了，具體怎么實現登錄的，后端操作（我們后端是個經驗豐富的大佬）。大家想要實現的效果差不多都是這個樣的（以下，是微信官網給出來的圖）
三、最后，話不多說，上代碼。
1. html
login呢？就是一個大盒子裝着他們一堆東西；iframe這個東西，我也不太清楚是個啥，看了看大概就是裝二維碼的盒子；promptBox是下邊的掃碼成功什么的，都是微信自帶的東西，都有固定尺寸和樣式，如果你想改他們css樣式費點勁，下邊會慢慢道來，很詳細，不詳細你問我。
2. script
以下，data里邊的幾個參數，是微信里邊帶的，有的重要，有的不重要，是后端提供給前端的，前端發請求拿到的，拿到這幾個參數才能創建微信二維碼，就是另一張圖，代碼我也是網上看的，就那樣粘貼過來了（我也菜），但是效果就這么實現了。在這里我用到了5個參數，一是id，很明顯就是上邊html標簽的id；二三四是后端傳過來的，因為三是固定內容，所以我就寫死了（值在微信開放平台也有），第五個href重要了，就是下邊要說的改變css樣式的關鍵，后邊跟的地址，是css樣式裝換來的；轉換方式在下邊。
3.css（畫重點啦，敲黑板啦）
css樣式的改變方式：得用node的方式來處理css樣式，寫一個就是文件，寫上下圖代碼；把你想改的css樣式文件，放到下面標記的那打印，然后用node啟動你寫的.js文件，下邊有圖，打印出來的是一堆那個碼，那就是你要給上邊href的參數，這樣就能顯示你寫的css樣式；再多說一句怎么復制那個碼，右鍵標記然后選中，選中后直接點一下右鍵或者按一下回車鍵，就復制了，然后去粘貼就ok了（改css樣式的話，等你弄出微信二維碼來，去瀏覽器控制台，找他們的class標簽，然后就寫，改，就OK了）
最后，有不明白的可以問我，我會不定期上線！不定時更新一些前端遇到的我覺得是難點的東西！