uniapp/vue 生成二维码

 

1、在页面中引入js文件

const qrCode = require('@/assets/js/weapp-qrcode.js')

 

2、在页面中增加

<canvas  class="canvas" canvas-id="couponQrcode"></canvas>

 

3、生成二维码

　　　　　　// 二维码生成工具
            couponQrCode() {
                let _this = this;
                new qrCode('couponQrcode', {
                    text: `这里是二维码的跳转的URL可以加参数的`,
                    width: 100,
                    height: 100,
                    colorDark: "#2B84FE",
                    colorLight: "#EDF4FD",
                    correctLevel: qrCode.CorrectLevel.H
                }).exportImage(res => {
                    //回调的是二维码生成的图片
                })
            },

附：（js文件的内容地址）  https://blog-static.cnblogs.com/files/-Fly/weapp-qrcode.js