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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • idea2020.2.1激活码【2021免费激活】

    (idea2020.2.1激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html3MRUAPM31O-eyJsaWNlbnNlSW…

    2022年3月29日
    579
  • 点对点通信

    点对点通信点对点通信client/server

    2022年7月1日
    21
  • 特色网站收集(332个)「建议收藏」

    特色网站收集(332个)「建议收藏」1.del.icio.ushttp://del.icio.us/在线收藏夹.域名很有创意.影响也很广.支持从浏览器导出和导出到浏览器.2.Anonymousehttp://anonymouse.org

    2022年7月3日
    41
  • chrome-devtools_chromedev是什么软件

    chrome-devtools_chromedev是什么软件保存js和csssetting>workspace工作区设置后,自动映射工作区带绿色图标的文件,不需要请求blackboxscript黑盒调试,调试不进入第三方代码,只调试项目代码setting>blackbox或者鼠标右键设置networkthrottlingprofile设置网络模式,网速限制,在network中选择模式setting&gt…

    2022年10月6日
    2
  • nginx反向代理和正向代理的区别是什么_nginx负载均衡的三种方式

    nginx反向代理和正向代理的区别是什么_nginx负载均衡的三种方式nginx反向代理和正向代理的区别是什么?下面本篇文章就来给大家介绍一下,希望对你们有所帮助。什么是正向代理?正向代理是一个位于客户端和原始服务器(originserver)之间的服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。什么是反向代理?反向代理(ReverseProxy)方式是指以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服.

    2025年8月10日
    2
  • leetcode-91解码方法(动态规划|记忆化搜索)[通俗易懂]

    leetcode-91解码方法(动态规划|记忆化搜索)[通俗易懂]一条包含字母 A-Z 的消息通过以下映射进行了 编码 :‘A’ -> 1‘B’ -> 2…‘Z’ -> 26要 解码 已编码的消息,所有数字必须基于上述映射的方法,反向映射回字母(可能有多种方法)。例如,“111” 可以将 “1” 中的每个 “1” 映射为 “A” ,从而得到 “AAA” ,或者可以将 “11” 和 “1”(分别为 “K” 和 “A” )映射为 “KA” 。注意,“06” 不能映射为 “F” ,因为 “6” 和 “06” 不同。给你一个只含数字的 非空 字符串

    2022年8月8日
    4

发表回复

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

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