vue 与qrcodejs2 生成的二维码 logo 居中
【摘要】 vue 与qrcodejs2 生成的二维码 logo 居中考必过小编为大家整理了关于vue 与qrcodejs2 生成的二维码 logo 居中的信息，希望可以帮助到大家！
vue 与qrcodejs2 生成的二维码 logo 居中
标签：高度内容stylestrong生成nimremromthis
代码：
<pclass="qrcode">
<imgsrc="图片地址"v-if="iconIMGurl===‘0‘?false:true"class="logoimg"/>
<pref="qrcode"id="qrcode">
</p>
</p>
style：
.qrcode{
display:inpne-block;
position:relative;margin-top:.2rem;
}
.logoimg{
position:absolute;
left:50%;
top:50%;
width:60px;
height:60px;
margin-top:-30px;
margin-left:-30px;
}
js:
importQRcodefrom‘qrcodejs2‘ //引入
qrcode(){
this.qrcode=newQRcode(‘qrcode‘,{
width:200,//设置宽度，单位像素
height:200,//设置高度，单位像素
text:this.QRtext,//设置二维码内容或跳转地址
colorDark:this.erweiCodeColor//二维码的颜色
})
}
vue 与qrcodejs2 生成的二维码 logo 居中
标签：高度内容stylestrong生成nimremromthis
以上就是vue 与qrcodejs2 生成的二维码 logo 居中的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！