vue 前端生成二維碼 （帶圖標）

最近發現了一款很好用的插件，前端進行二維碼合成，這個插件就是vue-qr

官方文檔：https://www.npmjs.com/package/vue-qr

安裝和一般安裝的插件方式一樣：

npm install vue-qr --save

 

在需要的地方進行引入：

import vue-qr from 'vue-qr'

 

 

其中：

　　

          text  二維碼

          size  二維碼大小

          margin  二維碼圖像的外邊距, 默認 20px

          bgSrc 嵌入的背景圖地址

          logoSrc 嵌入至二維碼中心的 LOGO 地址

          logoScale 中間圖的尺寸

          dotScale  二維碼的點的大小

          colorDark 實點的顏色（注意：和colorLight一起設置才有效）

          colorLight  空白的顏色（注意：和colorDark一起設置才有效）

          autoColor  若為 true, 背景圖的主要顏色將作為實點的顏色, 即 colorDark,默認 true