vue生成二维码vue-qr

1.安装依赖包

npm i vue-qr

2.使用二维码
text：二维码扫描出来显示的内容
logoSrc：二维码中间的图片
size：二维码的大小
margin：设置外边距（不设置默认是20px）

<template>
    <vue-qr 
    	ref="Qrcode" :text="arr.text" :logoSrc="arr.logo" :size="45" 
    	:margin="5":callback="test" qid="testQrId">
    </vue-qr>
  </div>
</template>

<script>
// 二维码组件
import VueQr from 'vue-qr'

export default {
  components: { VueQr },
  data () {
    return {
      arr: {
        text: '111',
        logo: require('../assets/logo.png')
      }
    }
  },
  methods: {
    test(dataUrl, id) {
        console.log(dataUrl)
        console.log(id)
    }
  }
}
</script>