uni.scanCode无法重新赋值

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,希望对你有所帮助,让我们一起努力走向巅峰!

你可能感兴趣的:(uni-app)