首页 > Web开发 > 详细

nuxt.js 中使用 vue-qr 二维码

时间:2020-02-26 15:29:54      阅读:370      评论:0      收藏:0      [点我收藏+]

因为公司业务的需求,需要使用二维码扫描,折腾了大半天才折腾出来,

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:网上百度了很多,全是不能使用的,也许是我人品的问题吧~~~

nuxt.js 中使用 vue-qr 二维码

原文:https://www.cnblogs.com/0955xf/p/12367183.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!