<template> <view class="content"> <!-- 扫码结果显示区域 --> <text>{{scanResult}}</text> </view> </template> <script> export default { data() { return { scanResult: '' }; }, mounted() { // 监听全局键盘输入事件 uni.onKeyboardInput((e) => { this.scanResult = e.value; // 处理扫码结果,例如提交到服务器等操作 this.handleScanResult(this.scanResult); // 清空扫码结果以便下一次扫码 this.scanResult = ''; }); }, methods: { handleScanResult(result) { // 在这里处理扫码后的逻辑,例如发起API请求、更新数据等 console.log('扫码结果:', result); } }, beforeDestroy() { // 移除键盘输入事件监听,防止内存泄漏 uni.offKeyboardInput(); } }; </script>
以上代码会在页面挂载后开始监听键盘输入事件,当扫码枪扫描条形码时,扫码内容会被当作键盘输入触发该事件,然后在回调函数中获取并显示扫码结果。