输入框后置扫码图标在APP上显示undefined,需要将u--input改成u-input。

代码:

<u-form-item label="MaskID" :labelWidth='100' prop="panelId" class="required">
					<u-input focus v-model="formData.panelId" @change="trackInOut" border="surround"
						placeholder="请输入MaskID">
						<u-icon slot="suffix" name="scan" color="#2979ff" size="28"
							@click="$base.scanCode(formData,'panelId',trackInOut)"></u-icon>
					</u-input>
				</u-form-item>

base.js

//扫码
//val对象, key对象的属性, callback完成的回调函数
export function scanCode(val, key, callback) {
	uni.scanCode({
		onlyFromCamera: false, // true=只能用相机,false=可以选相册
		success: (res) => {
			val[key] = res.result; // 扫码结果赋值到输入框
			typeof callback == 'function' && callback();
		},
		fail: (err) => {
			console.log('扫码失败:', err);
		}
	});
}

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐