微信小程序关于this

谢同学谢童鞋

于 2019-03-18 10:38:56 发布

阅读量2.1k

点赞数

分类专栏：问题微信小程序

本文链接：https://blog.csdn.net/LuuvyJune/article/details/88634016

版权

本文记录了在学习微信小程序时遇到的一个关于`this`的陷阱。在`showModal()`的`success`回调中，由于`this`指向的改变导致`this.setData()`方法出错。解决方案是保存`this`的引用并在回调中使用，以确保正确调用`setData()`。

摘要由CSDN通过智能技术生成

最近学习微信小程序，发现一个关于this的坑，记录一下：

代码：

// pages/post/post-detail/post_detail.js
var postsData = require("../../../data/posts-data.js");
Page({

  /**
   * 页面的初始数据
   */
  data: {
    postData: {},
    collected: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var id = options.id;
    this.data.currentpostId = id;
    var postData = postsData.postList[id];
    // this.data.postData = postData;
    this.setData({
      postData: postData
    })

    var postsCollected = wx.getStorageSync("posts_Collected");
    if (postsCollected) {
      var postCollected = postsCollected[id];
      this.setData({
        collected: postCollected
      })
    } else {
      var postsCollected = {};
      postsCollected[id] = false;
      wx.setStorageSync("posts_Collected", postsCollected);
    }
  },
  onCollectionTap: function