美文网首页
qrcode.js生成二维码

qrcode.js生成二维码

作者: 叶叶叶xxx | 来源:发表于2019-08-15 00:24 被阅读0次

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>

相关文章

网友评论

      本文标题:qrcode.js生成二维码

      本文链接:https://www.haomeiwen.com/subject/senojctx.html