vue项目中使用qrcode生成二维码

1、安装:npm install qrcode

2、html:

1 <template>
2   <div>
3     <div id="code"></div>
4     <canvas id="canvas"></canvas>
5   </div>
6 </template>

3、逻辑:

复制代码
 1 import QRCode from 'qrcode
 2 export default {
 3   data () {
 4     return { codes: '' }
 5    },
 6     components: {
 7         QRCode
 8     },
 9     methods: {
10         useqrcode () {
11              var canvas = document.getElementById('canvas')
12              QRCode.toCanvas(canvas, 'http://www.baidu.com', function (error) {
13                   if (error) console.error(error)
14               console.log('success!')
15             })
16         }
17     },
18     mounted  () {
19         this.useqrcode()
20     }
21 }
复制代码

 

posted @   辰辰plus  阅读(1328)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥
点击右上角即可分享
微信分享提示