QRCode.js 生成二维码（文字信息二维码）

🎫安装qrcode

npm i qrcodejs2 --save

🎫代码

<template>
    <div>
<!--        二维码-->
        <div>
            <div class="qrcode" ref="qrCodeUrl"></div>
        </div>
    </div>
</template>

<script>
    import QRCode from 'qrcodejs2'
    export default {
        data(){
            return{
                user:{},
            }
        },
        mounted() {//页面初始化 执行
            this.axios.get("/api/user/queryone.do?id="+1).then(res=>{
                if(res.data.code==200){
                    this.user=res.data.data;
                    this.creatQrCode();
                }
            });
            // this.creatQrCode();
        },
        methods: {
            creatQrCode() {
                var test = this.user
                var qrcode = new QRCode(this.$refs.qrCodeUrl, {
                    // text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容，链接二维码
                    text:JSON.stringify(test), // 需要转换为二维码的内容，文字二维码
                    width: 100,
                    height: 100,
                    colorDark: '#000000',
                    colorLight: '#ffffff',
                    correctLevel: QRCode.CorrectLevel.H
                })
            },
        }
    }
</script>

<style scoped>

</style>