使用qrcode.js生成二维码

git地址：https://github.com/davidshimjs/qrcodejs

1.安装

npm install --save qrcodejs2

2.封装代码：注意多个使用，绑定dom不要用ID，用ID，会将多个二维码添加到同一个dom里面

<template>
    <div ref="qrCodeDiv">
 
    </div>
</template>
 
<script>
    import QRCode from 'qrcodejs2';
    export default {
        name: "qrCode",
        data(){
            return {
 
            }
        },
        methods:{
            qrcodeInit(){
 
                var qrcode = new QRCode(this.$refs.qrCodeDiv,{
                    width : 88,
                    height : 88,
                    text:this.value.url
                });
 
                this.$refs.qrCodeDiv.getElementsByTagName('img')[0].onload=()=>{
                    let src=this.$refs.qrCodeDiv.getElementsByTagName('img')[0].getAttribute('src');
                    // this.$emit('input',src);//这个是不传对象，传String可以使用
                    this.value.base64=src;
                }
 
            }
        },
        props:{
            value:{
                type:Object
            },
        },
        mounted(){
            this.$nextTick(function () {
                this.qrcodeInit();
            })
        }
 
    }
</script>
 
<style scoped>
 
</style>