淄博市网站云平台,装企工长网站开发,安卓上架app要多少钱,国外网站问题在对于二维码生成中有许多组件#xff0c;下面介绍关于自定义比较高的vue-qr组件#xff0c;能自定义设置背景颜色、背景图片、背景Gif图、实点和空白区的颜色、中心Logo的图片和边距。 依赖下载
注意#xff1a; 直接npm下载最新版 有些项目可能运行会抱错 这时候你可以降… 在对于二维码生成中有许多组件下面介绍关于自定义比较高的vue-qr组件能自定义设置背景颜色、背景图片、背景Gif图、实点和空白区的颜色、中心Logo的图片和边距。 依赖下载
注意 直接npm下载最新版 有些项目可能运行会抱错 这时候你可以降版本
npm install vue-qr --save可以使用3.2.4版本
npm install -s vue-qr3.2.4
使用教程
效果图 完整代码
templateel-dialogv-ifpayQrCodeFlag:visible.syncpayQrCodeFlag:close-on-click-modalfalse:close-on-press-escapefalsetop10vhwidth700pxtitle支付二维码div styledisplay: flex; align-items: center; justify-content: centervue-qr :textpayQrCodeUrl colorDark#409EFF colorLight#fff :correctLevel2 :logoSrcimage :logoScale0.3 :size200/vue-qr/div/el-dialog
/templatescript
import vueQr from vue-qr
export default {components: { vueQr },data() {return {image: require(../../../../static/img/pay.png),payQrCodeFlag:false,payQrCodeUrl:8899,}}完结撒花