vue 生成二维码 打印_代码生成二维码

vue 生成二维码 打印_代码生成二维码npminstallqrcodejs2–save<template><div><divid=”qrCode”ref=”qrCodeDiv”></div></div></template><script>importQRCodefrom’qrcodejs2′;exportdefault{name:”qrCode”,data(){.

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

Jetbrains全系列IDE稳定放心使用

npm install qrcodejs2 –save

<template>
  <div>
    <div id="qrCode"
         ref="qrCodeDiv"></div>
  </div>
</template>

<script>
import QRCode from 'qrcodejs2';
export default { 
   
  name: "qrCode",
  data () { 
   
    return { 
   }
  },
  mounted: function () { 
   
    this.$nextTick(function () { 
   
      this.bindQRCode();
    })
  },
  methods: { 
   
    bindQRCode: function () { 
   
      new QRCode(this.$refs.qrCodeDiv, { 
   
        text: 'http://10.246.138.84/hrs-ess-new-view/img/ess-app-release-v1.0.apk',
        width: 200,
        height: 200,
        colorDark: "#333333", //二维码颜色
        colorLight: "#ffffff", //二维码背景色
        correctLevel: QRCode.CorrectLevel.L//容错率,L/M/H
      })
    }
  }
}
</script>

<style>
</style>

样式如下:
在这里插入图片描述

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/189003.html原文链接:https://javaforall.net

(0)
上一篇 2026年4月14日 下午10:46
下一篇 2026年4月14日 下午10:52


相关推荐

  • Delphi教程推荐

    Delphi教程推荐
    非常适宜Delphi初学者。选择Delphi开发同学的眼光是不错的,由于使用Delphi开发应用软件可以提高编译的效率,前提是你要好好学习Delphi教程,对你以后的开展肯定有很大帮助的。  Delphi(Delphi培训)是Borland公司研制的新一代可视化开发工具,它应用范围非常广,无论是Windows系统还是LINUX系统上都能完美运行。  书名:《Delphi2005程序设计教程》  作/译者:刘瑞新  出版社:机械工业出版社  出版日期:2005年07月  内容提要 

    2022年6月30日
    36
  • ORACLE 毫秒与日期的相互转换

    ORACLE 毫秒与日期的相互转换

    2022年2月3日
    57
  • 谈谈数据库编程语言和其他编程语言的区别_数据库编程

    谈谈数据库编程语言和其他编程语言的区别_数据库编程要说清这个目标,先要理解数据库是做什么的。数据库这个软件,名字中有个“库”字,会让人觉得它主要是为了存储的。其实不然,数据库实现的重要功能有两条:计算、事务!也就是我们常说的OLAP和OLTP,数据库的存储都是为这两件事服务的,单纯的存储并不是数据库的目标。我们知道,SQL是目前数据库的主流语言。那么,用SQL做这两件事是不是很方便呢?事务类功能主要解决数据在写入和读出时要保持的一致性,实现这件事的难度并不小,但对于应用程序的接口却非常简单,用于操纵数据库读写的代码也很简单。如果假定目前关系数据库的逻辑存储

    2022年8月31日
    5
  • easyui textbox 密码框的prompt提示语显示*号问题的解决办法

    easyui textbox 密码框的prompt提示语显示*号问题的解决办法easyuitextbox密码框的prompt提示语显示*号问题的解决办法

    2022年7月25日
    23
  • 腾讯云的ssl免费证书申请_工程资质证书怎么办理

    腾讯云的ssl免费证书申请_工程资质证书怎么办理申请腾讯云SSL证书流程腾讯云SSL证书免费申请地址:https://cloud.tencent.com/document/product/400/8422按照引导完成实名认证之后点击申请免费证书填写必填项选择验证方式使用腾讯云可以选择手动DNS验证,其余选择文件验证,此处以文件验证为例登录服务器创建验证文件,在网站根目录下,创建指定的文件。该文件包括文件目录、文件名、文件内容。以LINUX服务器为例子,linux目录下有个目录:/var/www/html,把文件

    2025年10月13日
    1
  • static使用方法小结

    static使用方法小结

    2021年12月14日
    50

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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