qrcode-vue

qrcode vue logo

examples

<template>
  <div>
    <qrcode-vue
      :size="size"
      :value="value"
      :logo="logo"
      :bgColor="bgColor"
      :fgColor="fgColor"
    ></qrcode-vue>
  </div>
</template>

<script>
  import qrcodeVue from 'qrcode-vue'
  export default {
    data () {
      return {
        size: 128,
        bgColor: '#fff',
        fgColor: '#000',
        value: 'https://github.com/l-ll/qrcode-vue',
        logo: 'https://avatars3.githubusercontent.com/u/7104141?v=3&s=80'
      }
    },
    components: {
      qrcodeVue
    }
  }
</script>

params

Param	Description
size	img size
bgColor	qrcode background color, default #fff
fgColor	qrcode cell color, default #000
value	value
logo	logo
showCanvas	display canvas replace img, default false