nuxt.js 中使用 vue-qr 二維碼

因為公司業務的需求，需要使用二維碼掃描，折騰了大半天才折騰出來，

1、執行命令 npm install  vue-qr 或者 yarn add  vue-qr

2、在plugins文件下面創建 vueqr.js

3、在 vueqr.js 里面寫入下面的代碼：

import Vue from 'vue'
import vueQr from 'vue-qr'

Vue.use(vueQr)

4、在nuxt.config.js里面寫配置：

 

 5、在需要使用的頁面直接寫

<vue-qr class="bicode" :logoSrc="imagePath" :text="codeValue"></vue-qr>

大公告成~~~~~

PS：網上百度了很多，全是不能使用的，也許是我人品的問題吧~~~