二维码 QR Code

#基础用法

qr-code/basic.vue

<script setup lang="ts">
import { QrCode } from "@bysages/vue";
</script>

<template>
  <QrCode.Root value="https://www.bysages.com/">
    <QrCode.Frame>
      <QrCode.Pattern />
    </QrCode.Frame>
  </QrCode.Root>
</template>

#属性

#DownloadTrigger

属性	类型	描述
`fileName`	`string`	文件名
`mimeType`	`DataUrlType`	图像的 MIME 类型
`quality`	`number \| undefined`	图像质量

#Frame

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

#Overlay

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

#Pattern

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

#Root

属性	类型	描述
`defaultValue`	`string`	二维码渲染时要编码的初始值；不需要控制二维码值时使用
`encoding`	`qrcode.QrCodeGenerateOptions`	二维码编码选项
`id`	`string`	组件内部状态机的唯一标识
`ids`	`Partial<{ root: string; frame: string; }>`	各元素的 id
`modelValue`	`string`	二维码的 `v-model` 值
`pixelSize`	`number`	二维码的像素尺寸