import{o as t,c as a,a as n}from"./app.c38d1953.js";const s='{"title":"Qrcode 二维码组件","description":"","frontmatter":{},"headers":[{"level":2,"title":"用法","slug":"用法"},{"level":2,"title":"Qrcode 属性","slug":"qrcode-属性"},{"level":2,"title":"Qrcode 事件","slug":"qrcode-事件"}],"relativePath":"components/qrcode.md","lastUpdated":1721206001124}',e={},d=n('

Qrcode 二维码组件

基于 qrcode 封装。

Qrcode 组件位于 src/components/Qrcode 内

用法

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

<script setup lang="ts">\nimport { Qrcode } from '@/components/Qrcode'\n</script>\n\n<template>\n  <Qrcode text="vue-element-plus-admin" />\n</template>\n\n

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

',10);e.render=function(n,s,e,o,c,p){return t(),a("div",null,[d])};export default e;export{s as __pageData};

# Qrcode 二维码组件

# 用法

# Qrcode 属性

# Qrcode 事件

Qrcode 二维码组件

用法

Qrcode 属性

Qrcode 事件