vue页面实现二维码加载
一 、// 安装插件
npm install --save qrcode
// main.js引入
import QRCode from 'qrcode'
Vue.prototype.$QRCode = QRCode
二 、
vue页面代码
<template>
<div class="app-wrapper">
<canvas ref="canvass" id="canvas"></canvas>
</div>
</template>
<script>
export default {
data() {
return {};
},
mounted () {
this.$nextTick(() => {
let canvas = this.$refs.canvas;
this.$QRCode.toCanvas(canvas, url, function (err) {
if (err) console.log(err)
})
})
},
};
</script>
<style lang="scss">
</style>
三、
最后看效果