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

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,心愿对你有所帮忙,让咱们一起致力走向巅峰!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理