解决小程序在 wx.getStorage() 方法中使用 setData

最新推荐文章于 2024-07-22 10:50:11 发布

ayzq

最新推荐文章于 2024-07-22 10:50:11 发布

阅读量885

点赞数 1

文章标签： wx.getStorage this指向组件通信 setData 回调函数

本文链接：https://blog.csdn.net/qq_42529941/article/details/120684181

版权

wx.getStorage 中 this 已不是指向当前组件，需在使用 this 前将 this 保存一下，如保存为 that，在子作用域中使用 that.setData() 时，跟在外面使用 this.setData() 一样。

Page({
  data: {
    name: String,
    age: Number,
    phone: String
  },
  onLoad: function (e) {
    let that = this; // 保存当前 this 为 that
    wx.getStorage({
      key: 'user',
      success: function(res) {
        let user = res.data;
        // 里面再使用 that.setData 时，跟在外面使用一样，能操作 data 中的变量
        that.setData({ name: user.name}); 
        that.setData({ age: user.age});
        that.setData({ phone: user.phone});
      },
    });
  }
})