Vue中使用QRcode.js 生成二维码

4,010 阅读1分钟
// npm install --save qrcodejs2

<template>
  <div>
    <div id="qrcode"></div> <!-- 创建一个div,并设置id为qrcode -->
  </div>
</template>
   
<script>
    import QRCode from 'qrcodejs2'  // 引入qrcode
    export default {
        name : 'test',
        mounted () {
            this.qrcode();
        },
        methods: {
            qrcode() {
                let qrcode = new QRCode('qrcode', {
                    width: 132,  
                    height: 132,
                    text: 'https://www.baidu.com', // 二维码地址
                    colorDark : "#000",
                    colorLight : "#fff",
                })
            },
        }
    }
</script>