Qrcode 二维码组件

基于 qrcode 封装。

Qrcode 组件位于 src/components/Qrcode 内

用法

更复杂点的例子，请在线预览

<script setup lang="ts">
import { Qrcode } from '@/components/Qrcode'
</script>

<template>
  <Qrcode text="vue-element-plus-admin" />
</template>

Qrcode 属性

属性	说明	类型	可选值	默认值
tag	以什么标签生成二维码	`string`	canvas/img	canvas
text	二维码内容	`string`/`Array`	-	-
options	qrcode.js 配置项	`QRCodeRenderersOptions`	-	{}
width	二维码宽度	`number`	-	200
logo	二维码 logo	`QrcodeLogo`/`string`	-	-
disabled	二维码是否过期	`boolean`	-	false
disabledText	二维码过期提示内容	`string`	-	-

Qrcode 事件

方法名	说明	回调参数
done	生成二维码后的回调	-
click	二维码点击事件	-
disabled-click	二维码过期后点击事件	-

CountTo 数字动画组件

Highlight 高亮组件