二维码展示

1、下载依赖

npm install qrcodejs2 --save

2、引入依赖

import QRCode from 'qrcodejs2'

3、html中代码定义盒子

<!-- 放置接收二维码盒子 -->
<div class="qrcode" ref="qrCodeUrl"></div>

4、二维码制作

creatQrCode() {  //  在这个方法里写二维码的东西
         new QRCode(this.$refs.qrCodeUrl, {
            text: 'https://cn.vuejs.org/guide/essentials/lifecycle.html#lifecycle-diagram', // 需要转换为二维码的内容
            width: 180,
            height: 180,
            colorDark: '#000000',   // 二维码得颜色
            colorLight: '#ffffff',  // 二维码底色
        })
    },

5、调用该方法

    this.creatQrCode()