更新记录

1.0.0（2025-10-21） 下载此版本

1.新增生成二维码 2.可以自定义背景及大小

平台兼容性

uni-app(3.7.1)

• 概要
• 支持的平台
• 使用方式
• 属性说明
• 事件说明
• 温馨提示

概要

xy-qrcode是一个二维码生成插件，灵活配置、简单易用、兼容多端、同时兼容vue2和vue3。

背景样式： 可以自定义背景及大小效果

uniapp插件市场地址：https://ext.dcloud.net.cn/plugin?id=7594

支持的平台

H5、app

nvue：暂不支持，后期可能会支持，目前需要的可以自己修改源码。

使用方式

1、导入插件

该组件符合uni_modules规范，使用Hbuilderx导入插件，导入到项目根目录中的uni_modules文件夹中。

2、template中使用

uni_modules规范在项目页面中直接使用，不需要单独引入注册组件。

标准文件选择使用

<template>
    <xy-qrcode text="123" @result="result"></xy-qrcode>
</template>

h5、app端自定义内容使用

<template>
    <xy-qrcode bg="#fff" fbg="#000" :size="150" text="123456">      
    </xy-qrcode>
</template>

属性说明

事件说明

温馨提示

1、该插件反复测试过h5、app-vue，vue2和vue3都兼容，其他端可能需要测试改进。

2、该插件的使用hbuilderx版本最好升级到较新版本，我开发的版本是hbuilderx3.3.11.20220209。

3、对此插件或相关问题有好的建议，可以直接在评论区进行讨论。

4、希望遇到问题不要喷，也不要骂人，其实这种心情我能理解，写该插件也不是一时半会就完成了的，所以希望互相理解。只要有问题，我会第一时间回复解决。

5、对此插件有任何问题的可以在下方留言，我会第一时间回复和解决问题。

最后我想说：认为该插件对你有帮助的，记得收藏、好评，这样可以帮助到更多人哟！