vue项目自动生成二维码
2018-03-15 本文已影响0人
Jony0114
引入qrcode--------npm install qrcode
<template>
<div id="code"></div>
<canvas id="canvas"></canvas>
</template>
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();
}
}
#canvas{width:200px!important;height:200px!important;}
