【微信】微信小程序调用this.setData报错this.setData is not a function;-优快云博客

本文介绍了一个在微信小程序中使用getLocation方法获取地理位置时遇到的问题及解决方案。由于闭包导致的this指向问题，使得setData方法无法正常工作。文章提供了一种简单有效的方法来确保setData正确执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在调用方法过程中报错如下：

代码如下：

Page({

  /**
   * 页面的初始数据
   */
  data: {
    userLocalInfo:'用户地址'
  },
  /**
   * 返回swapping页面
   */
  backSwapping: function(){
    wx.navigateBack({
      delta:1
    })
  },
  /**
   * 获取地理位置
   */
  getLocalInfo: function(){
    wx.getLocation({
      type: "wgs84" ,
      altitude:true,
      success: function(obj){
        this.setData({
          userLocalInfo:"经度："+obj.latitude+"\n纬度："
        })
      }

    })
  }
})

报错原因：

因为在success回调方法中，success函数实际是一个闭包，无法直接通过this来setData

所以要解决这个问题

解决方法：

提前在success回调函数外就获取到this，然后在回调函数中使用

Page({

  /**
   * 页面的初始数据
   */
  data: {
    userLocalInfo:'用户地址'
  },
  /**
   * 返回swapping页面
   */
  backSwapping: function(){
    wx.navigateBack({
      delta:1
    })
  },
  /**
   * 获取地理位置
   */
  getLocalInfo: function(){

    var that = this
    wx.getLocation({
      type: "wgs84" ,
      altitude:true,
      success: function(obj){
        that.setData({
          userLocalInfo:"经度："+obj.latitude+"\n纬度："
        })
      }

    })
  }
})