更新记录

1.0.5(2023-04-06)

2

1.0.4(2023-03-24)

111

1.0.2(2023-03-23)

增加注释

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.0 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

yy-qrcode 组件文档

简介

yy-qrcode 是一个基于 qrcodejs2 的 Vue 组件,用于生成二维码。

安装

通过 npm 安装:

npm install qrcodejs2 

特点

  • yy-qrcode遵循easycom规范 (opens new window),无需注册即可使用。

引入组件

在需要使用组件的地方引入 yy-qrcode 组件:

<template>
   <div>
      <yy-qrcode :text="qrcodeText" />
   </div>
</template>

<script>

export default {

   data() {
      return {
         qrcodeText: 'https://www.example.com'
      };
   }
};
</script>

使用

Props

名称 类型 必须 默认值 说明
text String 要转换的文本或链接
containerId String 'qrcode-container' 二维码容器的 ID,用于在组件内部生成二维码
size Number 200 生成的二维码图片尺寸
fgColor String #000000 二维码前景色
bgColor String #ffffff 二维码背景色
correctLevel Number QRCode.CorrectLevel.H 修正级别,可选值为 L、M、Q、H

示例

<template>
   <div>
      <yy-qrcode 
         :text="qrcodeText" 
         :size="300" 
         fg-color="#ff0000" 
         bg-color="#eeeeee" 
         correct-level="M" 
      />
   </div>
</template>

<script>

export default {

   data() {
      return {
         qrcodeText: 'https://www.example.com'
      };
   }
};
</script>

不懂的可以加我v(a634691481__0)聊

MIT License.

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问