vue 网页生成二维码，微信扫一扫在手机打开页面

2020年11月20日 115次阅读 来源: 爱喝冰可乐

《vue 网页生成二维码，微信扫一扫在手机打开页面》

npm i qrcodejs2

import QRCode from 'qrcodejs2'

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

<script>
  import QRCode from 'qrcodejs2'  // 引入qrcode
    export default { 
        name: "qrcode",
      methods: { 
        qrcode() { 
          let qrcode = new QRCode('qrcode', { 
            width: 132,
            height: 132,
            text: 'https://www.baidu.com', // 需要二维码跳转的地址
            colorDark : "#000", //前景色
        	colorLight : "rgba(0,0,0,0)", //背景色
          })
        },
      },

      mounted () { 
        this.qrcode();
      },
    }
</script>

<style scoped>

  #qrcode{ 
    width: 100px;
    height: 100px;
  }
</style>

qrcode.clear() //清除二维码 
qrcode.makeCode(url) //生成另一个新的二维码
    原文作者：爱喝冰可乐
    原文地址: https://blog.csdn.net/u013361179/article/details/123069935
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞