关于uni-app:uniscanCode无法重新赋值

9次阅读

共计 885 个字符,预计需要花费 3 分钟才能阅读完成。

1. 开发环境 uni-app+uView
2. 电脑系统 windows10 专业版
3. 在应用 uni-app+uView 开发的过程中, 咱们在应用 uni.scanCode 进行扫码的时候无奈进行从新赋值, 上面我来分享一下解决办法, 心愿对你有所帮忙。
4. 废话不多说, 间接上代码:

Equipmentcheck() {
    uni.scanCode({success: function (res) {console.log("条码内容:" + res.result);
    this.chenwen=res.result;
    uni.showToast({title: "扫码胜利",});
},
fail: function (err) {console.log("扫码失败", err);
    },
   });
},

5. 在 return 中增加如下代码:

chenwen:""

6. 你会发现在手机上本页面, 扫码进去的数据, 无奈赋值给标签, 造成这个问题的起因是 this 指向产生了变动, 解决办法如下。
7. 针对上述呈现的问题, 解决办法如下:

// 办法一:
Equipmentcheck() {
    const _this=this;
    uni.scanCode({success: function (res) {console.log("条码内容:" + res.result);
    _this.chenwen=res.result;
    uni.showToast({title: "扫码胜利",});
},
fail: function (err) {console.log("扫码失败", err);
    },
   });
},
// 办法二: 应用箭头函数
Equipmentcheck() {
    uni.scanCode({
    success: res=> {console.log("条码内容:" + res.result);
    this.chenwen=res.result;
    uni.showToast({title: "扫码胜利",});
},
fail: function (err) {console.log("扫码失败", err);
    },
   });
},

8. 本期的分享到了这里就完结啦, 是不是很 nice, 心愿对你有所帮忙, 让咱们一起致力走向巅峰!

正文完
 0