vue生成二维码插件,前端生成二维码

最近项目有两个点卡了两天,搞得周六还加班了。一个是生成二维码,之前一直在找可以生成二维码图片的api,就掉入这样的怪圈,殊不知可以通过vue现成插件生成,感谢后端同时提醒,这时候有个好伙伴的重大性就体现出来了。

1.npm install –save qrcodejs2  //第一安装插件

2.import QRCode from  qrcodejs2    //在要使用的页面引入

3.使用

vue生成二维码插件,前端生成二维码

vue生成二维码插件,前端生成二维码

这里如果直接使用this.$refs[ qrCodeUrl ]会报undefined错误,缘由是this.openEWM=true即弹出二维码对话框,这时绑定ref的div还未渲染完成,故需要nextTick等待DOM更新,这里看下官网的解释:

vue生成二维码插件,前端生成二维码

vue生成二维码插件,前端生成二维码

官网是最好的学习资料,这里仅记录个人学习点滴,如果有什么不足欢迎指正,评论区交流。

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容