生成二维码qrcode

1.安装依赖

cnpm install qrcodejs2 --save

2.简单入门demo

<template>
    <div class="content">
        <div id="qrcode" ref="qrcode"></div>
    </div>
</template>

<script>
import QRCode from 'qrcodejs2'
export default {
    data() {
        return {
            text: "https://www.baidu.com/"
        }
    },
    mounted() {
        this.createQRCode()// 注意1：需要放在mounted中
    },
    methods: {
        createQRCode() {
            var qrcode = new QRCode(this.$refs.qrcode, {
                text: this.text, //页面地址 ,如果页面需要参数传递请注意哈希模式#
                width: 200,
                height: 200,
                colorDark: '#000000',
                colorLight: '#ffffff',
                correctLevel: QRCode.CorrectLevel.H,
            })
            // this.$refs.qrcode.innerHTML = ''; //清除二维码方法一
            // qrcode.clear(); // 清除二维码方法二
        }
    }
}
</script>