最近项目有两个点卡了两天,搞得周六还加班了。一个是生成二维码,之前一直在找可以生成二维码图片的api,就掉入这样的怪圈,殊不知可以通过vue现成插件生成,感谢后端同时提醒,这时候有个好伙伴的重要性就体现出来了。
1.npm install --save qrcodejs2 //首先安装插件
2.import QRCode from 'qrcodejs2' //在要使用的页面引入
3.使用
这里如果直接使用this.$refs['qrCodeUrl']会报undefined错误,原因是this.openEWM=true即弹出二维码对话框,这时绑定ref的div还未渲染完成,故需要nextTick等待DOM更新,这里看下官网的解释:
官网是最好的学习资料,这里仅记录个人学习点滴,如果有什么不足欢迎指正,评论区交流。