vue生成二维码带描述_logo二维码生成器

vue生成二维码带描述_logo二维码生成器yarnaddvue-qr详细配置可访问vue-qr-npmhttps://www.npmjs.com/package/vue-qr<template><vue-qr:logoSrc=”logoSrc”:text=”codeUrl”:size=”95″:logoScale=”0.3″:callback=”getCodeUrl”:margin=”5″:logoCornerRadius=”0″:correctLevel=”3″>&lt…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

yarn add vue-qr

详细配置可访问vue-qr – npmvue生成二维码带描述_logo二维码生成器https://www.npmjs.com/package/vue-qr

<template>
    <vue-qr :logoSrc="logoSrc" :text="codeUrl" :size="95" :logoScale="0.3" :callback="getCodeUrl" :margin="5" :logoCornerRadius="0" :correctLevel="3"></vue-qr>
</template>

<script>
    import VueQr from 'vue-qr'
    import code_logo from '@/assets/image/code_logo.png'
    export default {
        components: {VueQr},
        data () {
          return {
            codeUrl: 'xxxx',
            logoSrc: code_logo,
            codeDataUrl: ''
          }
        },
        methods: {
            getCodeUrl (dataUrl) {
             this.codeDataUrl = dataUrl // 可用于canvas画图制作分享海报
            }
        }
    }
</script>

注意:

1.correctLevel需要设置为3,否则微信安卓机识别不出 

2.logoCornerRadius虽然写着默认为0,但是实际上需要设置为0

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/186514.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Java文件读写操作

    Java文件读写操作Java中I/O流对文件的读写有很多种方法,在这里我主要介绍三种方式,供大家参考。第一种方式:使用FileWriter和FileReader,对文件内容按字符读取,代码如下Stringdir="E:\\soft\\aaa\\a.txt";Filefile=newFile(dir);//如果文件不存在,创建文件if(!file.exists())file.c…

  • 彻底关闭win10自动更新(针对已经关闭windows update项,但系统仍自动更新的问题)

    彻底关闭win10自动更新(针对已经关闭windows update项,但系统仍自动更新的问题)1、首先打开电脑服务项,找到Windowsupdate项,并双击打开属性一栏2、将启动类型替换为禁用3、点击上面的恢复,选择第一次失败后无操作。4、选择应用,并点击确定关闭。针对大部分电脑只进行上面的操作(关闭服务中的windowsupdate服务),win10仍然会自动更新,而且还会自动更改你刚才配置的启动类型,仍然自动启动(这很坑爹,我的电脑就是这样),这时需要你再进行下…

  • pycharm 开启代码提示[通俗易懂]

    pycharm 开启代码提示[通俗易懂]1、先打开pycharm2、依次选择红框部分3、搞好之后,代码提示便可以使用了

  • 推荐书籍:FFmpeg从入门到精通

    推荐书籍:FFmpeg从入门到精通本书是一本介绍FFmpeg的实战技术指南,全书共10章,分为两个部分。第一部分部分(第1~7章)为FFmpeg的命令行使用篇,介绍了FFmpeg的基础组成部分、FFmpeg工具使用、FFmpeg的封装操作、FFmpeg的转码操作、FFmpeg的流媒体操作、FFmpeg的滤镜操作、FFmpeg的设备操作。第二部分(第8~10章)为FFmpeg的API使用篇,介绍了FFmpeg封装部分的API使用操作、FFmpeg编解码部分的API使用操作,FFmpeg滤镜部分的API使用操作,相关操作均以实例方式进行

  • 海贼王革命家—龙—实力到底如何?[通俗易懂]

    海贼王革命家—龙—实力到底如何?[通俗易懂]龙——整个海贼王世界中最神秘的人物,令世界政府最担心的存在,是所有迷最为期待的实力展现,他的身上好像有着无数的秘密等着尾田为我们揭晓。路飞的父亲——未来的海贼王、卡普的儿子——海军英雄、革民军首领—

  • es6之数组的flat(),flatMap()「建议收藏」

    es6之数组的flat(),flatMap()「建议收藏」数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维数组。该方法返回一个新数组,对原数据没有影响。[1,2,[3,4]].flat()//[1,2,3,4]上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将f…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号