uniapp 扫码通用实现,输入框后置扫码图标在APP上显示undefined
·

输入框后置扫码图标在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);
}
});
}
更多推荐
所有评论(0)