使用Vue前端生成二维码-----插件qrcodejs2

先安装qrcodejs2

	npm install  qrcodejs2 --save
<div class="code1">
   <span class="label2">二维码</span>
   <span class="img-qrcode">
       <div class="qrcode" id="qrcodeWatch" ref="qrcodeWatch"></div>
   </span> 
</div>
import QRCode from "qrcodejs2";

qrcodeWatch(){
    
    
        let qrcodeWatch = new QRCode("qrcodeWatch", {
    
    
            render: "canvas", //也可以替换为table
            width: 100,
            height: 100,
            text: 'www.baidu.com', // 你要写到二维码的数据
            colorDark: "#000",
            colorLight: "#fff",
            marginTop:"8px",
        });
},

猜你喜欢

转载自blog.csdn.net/qq_16733389/article/details/114672245