微信小程序Cannot read property 'setData' of undefined踩坑解决

版权声明：本文为博主原创文章，转载请注明出处。 https://blog.csdn.net/u014204541/article/details/85293052

微信小程序有函数有两种写法
比如我实现长按删除图片功能
wxml：

 <image class='addpic' src='{{item}}' data-index="comp_{{index}}" bindtap="previewImage" bindlongpress='deleteImg'></image>

第一种写法

  deleteImg: function(e){ //长按删除图片
    console.log("长按删除图片");
    var index = e.currentTarget.dataset.index;
    var id = index.split("_")[0];
    index = index.split("_")[1];
    console.log(index);
    console.log(id);
    var myThis= this
    //删除图片
    wx.showModal({
      title: '提示',
      content: '是否要删除图片?',
      showCancel: true,
      success: function (res) {
        console.log("删除图片")

        src_json["src_" + id].splice(index, 1);
        myThis.setData({
          src_comp: src_json["src_" + id]
        })
        
      }
    })
   
  }

第二种写法：

deleteImg:(e)=>{ //长按删除图片
    console.log("长按删除图片");
    var index = e.currentTarget.dataset.index;
    var id = index.split("_")[0];
    index = index.split("_")[1];
    console.log(index);
    console.log(id);
    var myThis= this
    //删除图片
    wx.showModal({
      title: '提示',
      content: '是否要删除图片?',
      showCancel: true,
      success: function (res) {
        console.log("删除图片")

        src_json["src_" + id].splice(index, 1);
        myThis.setData({
          src_comp: src_json["src_" + id]
        })
        
      }
    })
   
  }

发现没有，写法差距就在定义函数的时候，一个用是function(e){},另一个用的是(e)=>{}
两种区别居然是第一种有this可以调用，后一种没有this的
用(e)=>{}会报错