nuxt 下使用 vue-qr 生成二维码

百度找了一大堆, 都是坑, 没个能用的, 都是各种报错............................
鼓捣了一个晚上, 踩了一堆坑..... 终于找到方法了---> 方法其实非常简单 ! 

[ 文章参考:  https://www.cnblogs.com/0955xf/p/12367183.html  和  https://www.cnblogs.com/weblxlx/p/11337857.html ]

1.

 

 

 2.

 

       在 vueqr.js 里面写入下面的代码：
　　　　　　import Vue from 'vue'
　　　　　　import vueQr from 'vue-qr'
　　　　　　Vue.use(vueQr)

 

3.

 

 plugins: [
    {src:'~/plugins/nuxt-swiper-plugin.js',ssr:false},
    {src:'~/plugins/vueqr.js',ssr:false}    // 二维码   [使用 @ 代替 ~ 也可以 ]
  ],

 

4. 页面里:     <vue-qr class="bicode" :logoScale="20" :margin="0" :dotScale="1" :text="codeValue"></vue-qr>

 

 

export default {

 

data() {

　　 return {

　　　　imagePath: '',

　　　　codeValue:'www.baidu.com'

};

}

 

5. 效果

 

 

备注:

a) 根本不需要在组件里声明啥xxx --> components