js 生成二维码 vue项目

js 生成二维码 vue项目//生成一个dom存放二维码<divid=”qrcode”ref=”qrcode”></div>//引入库importQRCodefrom’qrcodejs2’//如果没有二维码就生产有就删除当前二维码重新生产新的if(!this.qrcode){ this.qrcode=newQRCode(‘qrcode’,{ width:200, height:200,//高度 text:content//.

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

Jetbrains全系列IDE稳定放心使用

 //生成一个dom存放二维码
  <div id="qrcode" ref="qrcode"></div>
  //引入库
  import QRCode from 'qrcodejs2'
  //如果没有二维码就生产 有就删除当前二维码重新生产新的
  if (!this.qrcode) {
			this.qrcode = new QRCode('qrcode', {
			width: 200,
			height: 200, // 高度
			text: content// 二维码内容 內容必須字符串
			// render: 'canvas' // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
			// background: '#f0f'
			// foreground: '#ff0'
		})
		}else {
			this.qrcode.clear(); // 清除代码
			this.qrcode.makeCode(content); // 生成另外一个二维码
		}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • windows下nginx启动一闪而过(原因以及查看和解决的办法)「建议收藏」

    windows下nginx启动一闪而过(原因以及查看和解决的办法)「建议收藏」解决问题的思路清晰比确切解决的办法更加有效原因:这是80端口被占用的缘故,修改下端口即可。得出此原因的方法:运行“nginx.exe”文件即可,运行后,界面一闪而过。这是查看log日志,就能得到原因2018/08/2321:43:34[emerg]16612#13696:bind()to0.0.0.0:80failed(10013:Anatt…

    2022年10月23日
    0
  • 眼下最好的JSP分页技术

    眼下最好的JSP分页技术

    2021年11月23日
    38
  • 机器学习中的有监督学习,无监督学习,半监督学习

    机器学习中的有监督学习,无监督学习,半监督学习在机器学习(Machinelearning)领域,主要有三类不同的学习方法:监督学习(Supervisedlearning)、非监督学习(Unsupervisedlearning)、半监督学习(Semi-supervisedlearning),监督学习:通过已有的一部分输入数据与输出数据之间的对应关系,生成一个函数,将输入映射到合适的输出,例如分类。非监督学习:直接

    2022年5月28日
    60
  • linux抓包命令tcpdump 文本,Linux下抓包命令tcpdump的使用

    linux抓包命令tcpdump 文本,Linux下抓包命令tcpdump的使用在linux下,可以使用tcpdump命令来抓取数据包。主要用法如下:过滤网卡tcpdump-ieth0#抓取所有经过网卡eth0数据包tcpdump-ilo#抓取环回口的数据包过滤主机/IPtcpdumphost192.168.10.10#抓取所有IP为192.168.10.10的数据包tcpdumpsrchost192.168.10…

    2022年6月26日
    28
  • Activiti工作流框架学习笔记(一)「建议收藏」

    Activiti工作流框架学习笔记(一)「建议收藏」工作流的概念先看下面两张图:对以上两张图进行说明:假设这两张图就是华谊兄弟的请假流程图图的组成部分:人物:范冰冰、冯小刚、王中军事件(动作):请假、批准、不批准通过以上分析我们就可以抽象成:接下来给出工作流的书面化概念:工作流(Workflow),就是“业务过程的部分或整体在计算机应用环境下的自动化”,它主要解决的是“使在多个参与者之间按照某种预定义的规则传递文档、

    2022年10月6日
    1
  • JavaMD5工具类(加盐加密)[通俗易懂]

    JavaMD5工具类(加盐加密)[通俗易懂]代码如下,粘进去直接可以使用packagecom.study.utils;importjava.io.UnsupportedEncodingException;importjava.security.MessageDigest;importjava.security.NoSuchAlgorithmException;importjava.util.Random;publicclassMD5Utils{/***byte[]字节数组转换成十六进制

    2022年7月15日
    30

发表回复

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

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