vue vue-qrを使ってロゴを生成し、表示する

最初に npm install vue-qr --save をインストールする。
ページで別途紹介
import VueQr from 'vue-qr'
コンポーネント登録
 components: {
 VueQr
 }
 
 
 <VueQr 
 :logoCornerRadius="4" //LOGO ロゴとその境界線の半径、デフォルトは0。
 :logoMargin="1" //LOGO マーカーを囲む空白の枠。デフォルトは0。
 :logoBackgroundColor="'white'" //Logo 背景色、ロゴの余白を設定する必要がある
 :logoSrc="require('@/assets/images/tifanglogo.png')" //センターのロゴアドレスに埋め込まれる
 :text="currentRow.url" //エンコードされるコンテンツ
 :size="205" // 寸法、外側の余白を含む同じ縦横の長さ
 :margin="6" //イメージの外側の余白、デフォルトは20px
 :dotScale="0.9" /> //(0 < scale < 1.0) default 0.35 データエリアのポイントを縮小する。デフォルトは0。.35