qrcode.js生成二维码
2019-08-15 本文已影响0人
叶叶叶xxx
api地址:http://code.ciaoca.com/javascript/qrcode/
- 安装
npm install qrcodejs2
- 引入
import QRCode from 'qrcodejs2'
- 使用
<template>
<div class="qrcode" ref="qrCodeUrl"></div>
<button @click="creatQrCode">点击生成二维码</button>
</template>
<script>
export default{
data(){
return{
url:'www.baidu.com'
}
},
methods:{
creatQrCode() {
var qrcode = new QRCode(this.$refs.qrCodeUrl, {
text: this.url,
width: 100,
height: 100,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})
}
}
}
</script>