vue-qrcode生成二维码

news/2024/11/26 5:26:30/

1、安装

npm install  --save qrcodejs2

2、代码

import QRCode from 'qrcodejs2'

<div class="qrcode" ref="qrCodeUrl"></div>


<script>
import QRCode from 'qrcodejs2'
export default {
  data() {
    return {
  },
  methods: {
    creatQrCode() {
        var qrcode = new QRCode(this.$refs.qrCodeUrl, {
            text: "", // 需要转换为二维码的内容
            width: 100,
            height: 100,
            colorDark: '#000000',
            colorLight: '#ffffff',
            correctLevel: QRCode.CorrectLevel.H
        })
    },
},
mounted() {
    this.creatQrCode();
},
};
</script>


http://www.ppmy.cn/news/49760.html

相关文章

设计模式:UML中的类图(6种关系)

一.UML图介绍 统一建模语言是用来设计软件的可视化建模语言。它的特点是简单、统一、图形化、能表达软件设计中的动态与静态信息。 UML 从目标系统的不同角度出发&#xff0c;定义了用例图、类图、对象图、状态图、活动图、时序图、协作图、构件图、部署图等 9 种图。 二.类图…

前端实现单元测试(代码版)

Jest使用 下载 npm install --save-dev jest ts-jest ts-node jest/globals types/jest 在nodejs中支持ts ts执行报错 npx ts-jest config:init jest 会自动运行 sum.test.js 文件&#xff0c;其默认匹配规则 匹配 test 文件夹下的 .js 文件&#xff08;.jsx .ts .tsx 也可以…

拉格朗日粒子扩散模式FLEXPART

为了高效、精准地治理区域大气污染&#xff0c;需要弄清污染物的来源。拉格朗日粒子扩散模式FLEXPART通过计算点、线、面或体积源释放的大量粒子的轨迹&#xff0c;来描述示踪物在大气中长距离、中尺度的传输、扩散、干湿沉降和辐射衰减等过程。该模式既可以通过时间的前向运算…

https相关的C API

OpenSSL是一个流行的开源加密库&#xff0c;提供了一套C API来支持HTTPS协议的实现。以下是一些常用的OpenSSL C API&#xff1a; SSL_CTX_new&#xff1a;创建SSL上下文对象SSL_new&#xff1a;创建SSL对象SSL_set_fd&#xff1a;将SSL对象与文件描述符关联SSL_connect&#…

扫描电镜学习手册

SEM测试&#xff0c;在通俗意义上来讲&#xff0c;可以看成是一个放大倍数超级大的“放大镜”。 作为当今十分有用的科学研究仪器&#xff0c;扫描电子显微镜是介于透射电镜和光学显微镜之间的一种微观性貌观察手段&#xff0c;可直接利用样品表面材料的物质性能进行微观成像。…

基于java文件压缩与解压缩实践

文件压缩与解压缩实践 摘 要 随着人们对数据的大量需求以及计算机使用时间的增加,计算机磁盘上的文件越来越大,越来越多。如何让有限的磁盘空间容纳更多的数据成为需要解决的问题。一方面,高速发展的存储技术以提高磁盘容量来解决这样的需求,但随着网络环境下数据传递…

(4.14-4.20)【大数据新闻速递】中国移动发布《数联网白皮书》;华为提出“4化”转型;国家发改委构建数据要素体系

01【“数联网”来了&#xff0c;中国移动发布《数联网&#xff08;DSSN&#xff09;白皮书》】 日前&#xff0c;中国移动正式发布数联网&#xff08;DSSN&#xff09;&#xff0c;受到业界广泛关注。这是国家宣布组建数据局以来&#xff0c;基础运营商发布的面向数据要素服务…

【数据分析实战】基于python对酒店预订需求进行分析

文章目录 &#x1f4da;引言&#x1f4d6;数据加载以及基本观察&#x1f4d1;缺失值观察及处理&#x1f516;缺失值观察以及可视化&#x1f516;缺失值处理 &#x1f4d6;用户数据探索&#x1f4d1;什么时间预定酒店将会更经济实惠&#xff1f;&#x1f4d1;哪个月份的酒店预订…