微信小程序Component组件调用回调函数this指向不是本页面

最新推荐文章于 2024-03-01 15:47:54 发布

weixin_30898109

最新推荐文章于 2024-03-01 15:47:54 发布

阅读量1k

点赞数

原文链接：http://www.cnblogs.com/btxlc/p/11451712.html

版权

在微信小程序中如果在Component中写回调函数, 那么this的指向是undefined

Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

    getData(callback) {

          if (callback) {
            callback();
          }

    },
    funcA () {
        console.log(this)  //这里的this不是指向Component实例
    },

  
  },

  lifetimes: {
    attached: function() {
      this.getData(this.funcA)
    },

  },
});

解决办法: 在调用回调函数的时候使用箭头函数

Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

    getData(callback) {

          if (callback) {
            callback();
          }

    },
    funcA () {
        console.log(this)  //这里的this不是指向Component实例
    },

  
  },

  lifetimes: {
    attached: function() {
      this.getData(()=> this.funcA())
    },

  },
});