vue-element-plus-admin-doc/components/qrcode.md

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	二维码过期后点击事件	-