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 }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥