qrcode.js生成二维码

2019-08-15  本文已影响0人  叶叶叶xxx

api地址:http://code.ciaoca.com/javascript/qrcode/

npm install qrcodejs2 
import QRCode from 'qrcodejs2'
<template>
  <div class="qrcode" ref="qrCodeUrl"></div>
  <button @click="creatQrCode">点击生成二维码</button>
</template>

<script>
export default{
  data(){
    return{
      url:'www.baidu.com'
    }  
  },
  methods:{
    creatQrCode() {
      var qrcode = new QRCode(this.$refs.qrCodeUrl, {
      text: this.url,
      width: 100,
      height: 100,
      colorDark: '#000000',
      colorLight: '#ffffff',
      correctLevel: QRCode.CorrectLevel.H
     })
    }
  }
}
</script>
上一篇 下一篇

猜你喜欢

热点阅读