更新记录
0.5.0(2025-01-16)
下载此版本
首发
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
- |
- |
- |
- |
5.0 |
× |
× |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| × |
× |
× |
× |
× |
× |
- |
× |
× |
- |
× |
× |
uni-app x
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| - |
- |
5.0 |
× |
× |
× |
其他
| 多语言 |
暗黑模式 |
宽屏模式 |
蒸汽模式 |
| × |
× |
× |
√ |
bsx-scancode-input
一款标准组件UTS插件,封装了原生Android的EditText组件,监听回车事件,返回输入的文本内容。可用于扫码枪场景或其他。
支持Android 5+ 设备,免费使用。
视频演示
重要
开发文档
UTS 标准模式组件
作者
aoaobaba 傲傲爸爸~
类型和参数
| 属性 |
类型 |
默认值 |
功能 |
| focus |
boolean (通过prop属性传入) |
false |
设置录入焦点 |
| bsxScancodeEnterOut |
callback function(e:string) (录入框回车事件时触发回调, e是录入的文本) |
无 |
|
使用
导入插件组件
<!-- 组件符合easycom 规范直接模板中引入 -->
<bsx-scancode-input :focus="focus" @bsxScancodeEnterOut="bsxScancodeEnterOut"
style="height: 60;width: 220;margin-top: 30;"></bsx-scancode-input>
<script setup lang="uts">
const text = ref('')
const focus = ref(false)
onReady(() => {
// 设置聚焦 录入框
setTimeout(() => {
focus.value = true
}, 300)
})
// 回调 录入回车时更新文本
const bsxScancodeEnterOut = (e:string) => {
console.log('bsxScancodeEnterOut', e)
text.value += e + '\n'
}
</script>
其他
- 简单实现 勿喷
- 没有扫码设备无法测试 理论上没问题
- 其他问题请联系
谢谢~