- 下载依赖包
我下载的是qrcode
npm install qrcode --save
- 需要的页面进行引用
import QRCode from 'qrcode'
- 使用
<template>
<div class="wrap">
<div class="cont">
<canvas id="canvas" ref="canvas"></canvas>
<div class="text">扫一扫</div>
</div>
</div>
</template>
<script>
import QRCode from 'qrcode'
export default {
components: {
QRCode: QRCode
},
mounted() {
this.show()
},
methods: {
show(data) {
// console.log(this.$refs)
QRCode.toCanvas(this.$refs.canvas, '包含的信息', function (error) {
if (error) console.error(error)
console.log('success');
})
}
}
}
</script>