vue环境中生成二维码
代码如下:
引入qrcode--------npm install qrcode <template> <div> <div id='code'></div> <canvas id="canvas"></canvas> </div> </template> <script> import Vue from 'vue' import QRCode from 'qrcode' Vue.use(QRCode) export default { data() { return { codes: '' } }, methods: { useqrcode() { var canvas = document.getElementById('canvas') QRCode.toCanvas(canvas, 'http://www.baidu.com', function(error) { if (error) console.error(error) console.log('success!'); }) } }, mounted() { this.useqrcode(); } } </script> <style> #canvas { width: 200px !important; height: 200px !important; } </style>
网站:http://shibowl.top
github:https://github.com/hanbinjxnc
博客园:https://www.cnblogs.com/hool
博客:https://blog.shibowl.top
淘宝店:https://boxunwl.taobao.com/
作者:世博 2019年4月28日
github:https://github.com/hanbinjxnc
博客园:https://www.cnblogs.com/hool
博客:https://blog.shibowl.top
淘宝店:https://boxunwl.taobao.com/
作者:世博 2019年4月28日