第一步执行 npm install qrcodejs2 --save
<template>
<div>
<div @click="download">预览并下载二维码</div>
<div id="qrcode"></div>
</div>
</template>
<script>
import QRCode from 'qrcodejs2'
export default {
data() {
return {}
},
created() {},
methods:{
download(){
new QRCode("qrcode", {
text: "http://www.baidu.com",
width: 147,
height: 147,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})
const qrcode = document.querySelector('#qrcode')
const canvas = qrcode.querySelector('canvas')
const imgurl = canvas.toDataURL('image/jpeg')
const a = document.createElement('a')
a.href = imgurl
a.download = '二维码' // 图片名称
a.click()
}
}
}
</script>
<style>
</style>