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)
blank

相关推荐

  • 「建议收藏」Pycharm使用教程(非常详细,非常实用)「建议收藏」

    「建议收藏」Pycharm使用教程(非常详细,非常实用)「建议收藏」Pycharm使用教程1、Jetbrains家族和Pycharm版本划分:pycharm是Jetbrains家族中的一个明星产品,Jetbrains开发了许多好用的编辑器,包括Java编辑器(IntelliJIDEA)、JavaScript编辑器(WebStorm)、PHP编辑器(PHPStorm)、Ruby编辑器(RubyMine)、C和C++编辑器(CLion)、.Net编辑器(Rider)、iOS/macOS编辑器(AppCode)等。pycharm现在在官网[https://www.jetb

  • linux卸载pycharm_彻底卸载pycharm

    linux卸载pycharm_彻底卸载pycharm1.查看配置信息位置首先在解压的pycharm-2020.2.1文件夹中,查看Install-Linux-tar.txt,找到配置信息的位置(下图中蓝色标识)。2.卸载安装文件首先找到安装文件所在的目录,cd切换至其目录,然后sudorm-rfpycharm-2020.2.13.删除配置信息依次cd切换至Pycharm2020.2的位置,然后rm删除掉该用户使用记录,即能实现完全卸载。…

  • LAMP架构简述_IT架构

    LAMP架构简述_IT架构阅读目录图片架构详解               LAMP架构以及通信过程 LNMP架构优缺点 Nginx/APACHE+tomcat+MySQL                  图片架构详解              LAMP/LNMP:是有Linux系统,Apache网络服务器或者Nginx服务器,MySQL数据库。php。LAMP/LNMP具有…

    2022年10月17日
  • Ubuntu pycharm创建快捷方式并固定至启动栏(两种方法)

    Ubuntu pycharm创建快捷方式并固定至启动栏(两种方法)Ubuntu20.04/18.04/16.04pycharm创建快捷方式并固定至启动栏

    2022年10月23日
  • idea文档注释设置_idea怎么设置注释模板

    idea文档注释设置_idea怎么设置注释模板IDEA自带的注释模板不是太好用,我本人到网上搜集了很多资料系统的整理了一下制作了一份比较完整的模板来分享给大家,我不是专业玩博客的,写这篇文章只是为了让大家省事。这里设置的注释模板采用Eclipse的格式,下面先贴出Eclipse的注释模板,我们就按照这种格式来设置:类注释模板:…

  • php采集程序的方法有哪些_php采集插件

    php采集程序的方法有哪些_php采集插件php采集程序的方法在我们程序开发的过程中是经常要遇到的,那我们常用的采集方法有哪些呢,下面我们一起来看具体的方法,还附带有具体实例,让大家一看就明白,会用。方法一:file_get_contents($url);$url=”http://www.seostudying.com”;$con=file_get_contents($url); //采集到的内容将存储到$c

发表回复

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

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