Vue 生成带 logo 的二维码
安装 vue_qrcodes
npm install --save vue_qrcodes
使用 vue_qrcodes
页面引入
import qrcodes from "vue_qrcodes"
export default {
components: { qrcodes },
data() {
return {
codeLogo: require("@/projects/wisdomcommunity/assets/images/wisdomcommunity/menjin/code-logo.png"),
qrCodeText: '123456',
codeSize: '',
logoSize: '',
}
},
created () {
this.codeSize = document.documentElement.clientWidth * (200 / 375)
this.logoSize = document.documentElement.clientWidth * (32 / 375)
},
}
页面标签
<qrcodes
:url="qrCodeText"
:iconurl="codeLogo"
:wid="codeSize"
:hei="codeSize"
:imgwid="logoSize"
:imghei="logoSize"
/>
</