效果图
依赖包
npm install qrcodejs2 -S
或者
yarn add qrcodejs2
代码示例
<template>
<div>
<div style="float:left">
<el-button @click="test">测试</el-button>
</div>
<div class="Qrcode">
<!-- 生成二维码 -->
<div id="qrcode" class="share"></div>
</div>
</div>
</template>
<script>
import QRCode from 'qrcodejs2'
export default {
name: "menu",
components: { QRCode },
data() {
return {
}
},
methods: {
clear(){
document.getElementById("qrcode").innerHTML = "";
},
test(){
this.$nextTick (()=>{
let qrcode = new QRCode('qrcode', {
width: 80,
height: 80,
text: '测试',
colorDark: "#000",
colorLight: "#fff",
})
});
}
}
};
</script>