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


相关推荐

  • C++17实现的读写锁「建议收藏」

    C++17实现的读写锁「建议收藏」1.shared_mutex和shared_lock很有意思的两个关于共享线程锁的特性#include#include<shared_mutex>#include#include#includeusingnamespacestd;classCounter{public:std::size_tGet()const{std::shared_lockstd:…

    2022年8月12日
    7
  • idea怎么取消多行注释_idea注释快捷键哪里修改

    idea怎么取消多行注释_idea注释快捷键哪里修改1、一次性添加多行注释的快捷键首先选中要注释区域,然后ctrl+/    这个是多行代码分行注释,每行一个注释符号ctrl+shift+/  这个是多行代码注释在一个块里,只在开头和结尾有注释符号2、取消多行注释快捷键怎样添加快捷键的,用相同方法取消,如ctrl+/ 添加注释,则ctrl+/取消注释ctrl+shift+/添加注释,则ctr

    2022年8月15日
    6
  • 传奇自己架设自己玩_怎么架设传奇服务器

    传奇自己架设自己玩_怎么架设传奇服务器需要的东西与操作1.版本可以去论坛版本库2.DBC2000(百度有下)3.配套登录器(有些引擎自带)简单来说单机架设分为三步1.配置引擎2.上传列表,配置登录器3.补丁解压到客户端根目录首先下好版本之后会有两个压缩包,一个为服务端,一个为游戏补丁;1.百度下载好DBC2000进行解压然后安装即可。2.服务端解压到D盘,名字必须为Mirserver3.开始配置DBC2000,安装好DBC2000之后,在你的电脑里面的控制面板里面会有一个DBE-打开之后右键空白部分new

    2022年10月6日
    2
  • 韩顺平的php东方航空_韩顺平PHP从入门到精通视频教程[通俗易懂]

    韩顺平的php东方航空_韩顺平PHP从入门到精通视频教程[通俗易懂]传智播客_韩顺平_php从入门到精通视频教程第001讲html介绍html运行原理①传智播客_韩顺平_php从入门到精通视频教程第002讲html运行原理②html文件基本结构html元素和属性传智播客_韩顺平_php从入门到精通视频教程第003讲符号实体url说明超链接发送电邮传智播客_韩顺平_php从入门到精通视频教程第004讲图像表格实际应用-菜谱课…

    2025年6月30日
    2
  • 完全卸载Office_vs卸载不了也安装不了了

    完全卸载Office_vs卸载不了也安装不了了  手动卸载步骤:   VisualStudioExpressEditions进入控制面板,运行添加或删除程序 卸载”MSDNLibraryforVisualStudio2005Beta” 卸载”MicrosoftSQLServer2005ExpressEdition” 卸载”MicrosoftSQLServer2005ToolsExpressEdition” 卸载”MicrosoftSQLNativeClient” 卸载”DMATranspor

    2025年11月20日
    2
  • Spring Cloud Eureka服务注册中心 多节点搭建(学习总结)

    Spring Cloud Eureka服务注册中心 多节点搭建(学习总结)一、前言:本文主要搭建SpringCloudEureka服务注册中心(多节点),本文基于SpringBoot1.5.2,SpringCloudCamden.SR6版本编写,版本不一致可能会有差异。下面就学习总结记录一下:二、搭建Eureka-Server首先,引入相应的依赖pom.xml:<?xmlversion=”1.0″encoding=”UTF-8″?…

    2022年10月8日
    3

发表回复

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

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