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

vue 网页生成二维码,微信扫一扫在手机打开页面_第1张图片

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) //生成另一个新的二维码

你可能感兴趣的:(vue.js,微信,javascript)