最近領導提了個新的需求，點擊表格時，彈出一個二維碼，微信掃描此二維碼時，跳轉到微信小程序，同時將所在行的id（即員工所在公司的id）傳過去，這樣員工在登錄微信小程序時，根據此id就知道是哪個公司的員工登錄或者注冊了！
剛開始想的是，直接把小程序的二維碼寫死，即將小程序的二維碼圖片保存在本地，然后做個彈窗，直接顯示圖片就行了，但是考慮到在掃碼進入小程序時，還要把參數傳過去，二維碼圖片寫死就不行了，那只能想辦法動態(tài)生成二維碼了，同時最好能把參數放到里面去~
第一步，vue里面動態(tài)生成二維碼
效果圖如下
ps：沒辦法，想著上傳一個gif的，但是csdn老是提示我 圖片違規(guī)，沒轍了，上傳一個打了碼的二維碼吧，真的是受不了，這也能違規(guī)？？
1.安裝生成二維碼的插件 qrcodejs2
npm install qrcodejs2 --save
2.使用qrcodejs2插件
局部引入插件
import QRCode from 'qrcodejs2';//引入生成二維碼插件
生成二維碼代碼如下
this.$nextTick(()=>{
this.$refs.qrCodeDiv.innerHTML = '';//二維碼清除
new QRCode(this.$refs.qrCodeDiv, {
text: url,//二維碼鏈接，參數是否添加看需求
width: 200,//二維碼寬度
height: 200,//二維碼高度
colorDark: "#333333", //二維碼顏色
colorLight: "#ffffff", //二維碼背景色
correctLevel: QRCode.CorrectLevel.L //容錯率，L/M/H
});
})
第二步，微信小程序后臺配置二維碼鏈接
1.開發(fā)——》開發(fā)管理——》掃普通鏈接二維碼打開小程序
因為我想著掃碼的同時，把某個參數傳過去所以在鏈接后面加了?id=，便于后面在微信小程序里面對參數進行截取，不用傳參的直接把接口鏈接放到里面就行了
mine.js頁面如下
具體的可以去官網瞅瞅，比較詳細 二維碼跳轉規(guī)則文章來源：http://www.zghlxwxcb.cn/news/detail-509860.html
注意：
另外，在微信小程序里面 對undefined的判斷可能與pc端的有些不一樣，比如微信小程序里面返回的undefined的類型可能是string，而不是undefined，所以會這樣判斷 if(q!=="undefined")文章來源地址http://www.zghlxwxcb.cn/news/detail-509860.html
到了這里，關于vue頁面動態(tài)生成二維碼，掃描二維碼跳轉到微信小程序，同時傳遞參數的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
