码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-03-06 16:27:12      阅读:742      评论:0      收藏:0      [点我收藏+]

标签:col   二维   生成二维码   def   install   his   www.   fun   ESS   

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 }

 

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

标签:col   二维   生成二维码   def   install   his   www.   fun   ESS   

原文地址:https://www.cnblogs.com/cq-0715/p/10483961.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!