当前位置: 首页 > article >正文

使用qrcode.vue生成当前网页的二维码(H5)

使用npm:

npm install qrcode.vue

使用yarn:

yarn add qrcode.vue

package.json:

实现:

<template>
     <div class="code">
          <qrcode-vue :value="currentUrl" :size="size" render-as="svg"></qrcode-vue>
        </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import QrcodeVue from 'qrcode.vue'

// 获取当前页面的URL
const currentUrl = ref(window.location.href)
// 设置大小尺寸
const size = ref(70)
</script>


http://www.kler.cn/a/455844.html

相关文章:

  • springboot503基于Sringboot+Vue个人驾校预约管理系统(论文+源码)_kaic
  • 【驱动开发】设备分类、设备号申请和注销,注册和移除字符设备,以及一个基本的内核驱动程序框架代码
  • 深度学习及其应用期末测试题目
  • 链式二叉树的基本操作,前序、中序以及后序遍历(递归实现,非递归实现)【有图解】
  • DeepSpeed 使用 LoRA 训练后文件结构详解
  • 打破视障壁垒,百度文心快码无障碍版本助力视障IT从业者就业无“碍”
  • c++ 命名空间使用规则
  • 在一个服务器上抓取 Docker 镜像并在另一个服务器上运行
  • html转PDF
  • Jo-im开发:用于WebRTC的ICE中继服务器Coturn搭建
  • sql字段值转字段
  • JSON工具包,常用API
  • 【工具】—— SpringBoot3.x整合swagger
  • 基于SSM(Spring + Spring MVC + MyBatis)框架构建一个图书馆仓储管理系统
  • 力扣6. Z 字形变换
  • 低代码开源项目Joget的研究——基本概念和Joget7社区版应用
  • Bert中文文本分类
  • 使用 AOP 在 Spring Boot 中实现跟踪和日志记录
  • ES7+ React/Redux/GraphQL/React-Native snippets 使用指南
  • kotlin 函数作为参数
  • Web身份认证 --- Session和JWT Token
  • Python爬虫:爱奇艺榜单数据的实时监控
  • No.1免费开源ERP:Odoo自定义字段添加到配置页中的技术分享
  • 华为仓颉编程语言的应用案例分析
  • 深入解析MVCC中Undo Log版本底层存储读取逻辑
  • [实战]Spring Boot启动卡在Root WebApplicationContext initialization completed in