1.引入模块 终端安装
npm install qrcodejs2 --save
2在mian.js页面引入,使用时直接this.$qrCode
import QRCode from 'qrcodejs2'
Vue.prototype.$qrCode = QRCode;
也可直接在某个页面引入
import QRCode from 'qrcodejs2'
3.html
<div id="QRCode" ref="qrCodeDiv"></div>
4.js代码
bindQrcode() {
let curl = location.href.split('/#/')[0]
curl = curl + '/#/detailsQrCode?plantId=' + this.id
new QRCode(this.$refs.qrCodeDiv, {
text: curl,//生成二维码的地址
width: 300,//设置二维码宽度
height: 300,//设置二维码高度
colorDark: "#333333", //二维码颜色
colorLight: "#ffffff", //二维码背景色
correctLevel: QRCode.CorrectLevel.L//容错率,L/M/H+
})
},