第一步 下载插件
cnpm install --save qrcodejs2
第二步,在组件中使用
<template>
<div class="qrcode_box">
<div id="qrcode"></div>
</div>
</template>
<script>
import QRCode from 'qrcodejs2'; // 引入qrcode
export default {
name: 'test',
mounted() {
this.qrcode();
},
methods: {
qrcode() {
let qrcode = new QRCode('qrcode', {
width: 132,
height: 132,
text: 'https://www.baidu.com', // 二维码地址
colorDark: '#000',
colorLight: '#fff'
});
}
}
};
</script>
<style>
.qrcode_box {
width: 2.58rem;
height: 2.58rem;
margin-left: 2.46rem;
margin-top: 0.26rem;
}
</style>