Qrcode 二维码

根据文本内容绘制二维码。修改内容、尺寸或颜色后，本地组件会重新绘制。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 二维码 -->
<fui-qrcode value="https://example.com" :width="400" :height="400" />

属性

属性	类型	说明	官网默认值
width	Number / String	宽度，单位 rpx	400
height	Number / String	高度，单位 rpx	400
value	String	二维码内容	-
foreground	String	前景颜色	#181818
background	String	背景颜色	#ffffff

事件

事件	说明	回调参数
ready	组件完成初始化	{ canvasId }
longclick	长按约 500 毫秒	{}
touchStart	触摸开始	{}
touchEnd	触摸结束	{}

组件内部使用各平台画布能力，涉及保存或导出时请按目标平台处理权限和画布接口。

插槽

插槽	说明
—	官网未列出该组件的插槽