vue-qriously 生成二维码

 vue-qriously 介绍： 可以使用qrious在HTML Canvas上绘制QR码的vue组件。

 

• 安装

npm install vue-qriously --save-dev

 

• 使用

<template>
    <qriously id='mycanvas' :value="value" :size="size" :backgroundAlpha="backgroundAlpha"/>
</template>

import Vue from 'vue';
import VueQriously from 'vue-qriously';
Vue.use(VueQriously);

<script>
 export default {
   data(){
     return {
       // 可以自定义，必填项。
       value: 'http://lxchuan12.github.io/',
       // 二维码大小 默认 100
       size: 80, 
      // 背景透明度，默认透明 0
       backgroundAlpha： 1,
    }
  }
}
</script>