表单中扫码识别
1. 使用场景
宜搭中单行文本组件可以开启扫码模式,支持扫描二维码和条形码,本例我们看一下实际如何应用。
2. 实现功能
2.1 页面配置
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1678152854734-7b0c2aa0-61ea-4ac5-87bd-c5f56bf8e993.png)
2.2 将下述代码拷贝至页面 JS 中
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1678152897436-c537aee6-81e7-401b-9779-be543883c52f.png)
/**
* 扫码成功后,可在此修改扫码结果
*/
export function onScanCodeSuccess(text) {
this.utils.dialog({
method: 'alert',
title: '扫码成功',
content: `扫码的内容:${text}`,
onOk: () => {},
onCancel: () => {},
});
return text;
}
2.3 事件绑定
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1678152921190-59b4b629-93ee-46dc-b5a4-274fa378c4d1.png)
3. 实现效果
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/jpeg/1678153088817-8cf83483-4cca-4ace-b025-622f38c85a7e.jpeg)
4. 在线试玩
本文档对您是否有帮助?