更新记录
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+ 设备,免费使用。

重要
- 仅Android
- 需打基座
开发文档
作者
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>
其他
- 简单实现 勿喷
- 没有扫码设备无法测试 理论上没问题
- 其他问题请联系
谢谢~