我是靠谱客的博主 痴情豆芽,最近开发中收集的这篇文章主要介绍微信小程序中this.setData is not a function报错问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

微信小程序中this.setData is not a function报错问题

    • 新手在编写小程序时经常会遇到的一种错误。

新手在编写小程序时经常会遇到的一种错误。

在小程序中,通常我们用setData修改数据,用于函数时不会报错。
eg.

setData function(e){
	this.setData({
              mobileLocation: mobileLocation,
            	});
}

这是正确的写法,但在wx.setLocation等这类的wx请求中会报错呢?

wx.getLocation({
              success: function(res) {
                this.setData({
              	mobileLocation: mobileLocation,
            	});
              },
            })

在这里插入图片描述

原因 : 因为this作用域指向问题 ,success函数实际是一个闭包 , 无法直接通过this来setData

那么需要怎么修改呢?

我们通过将当前对象赋给一个新的对象

var that = this;

再使用that来setData就不会报错了!

var that = this;
wx.getLocation({
              success: function(res) {
                that.setData({
              	mobileLocation: mobileLocation,
            	});
              },
            })

原文出处:
作者:fozero
https://www.cnblogs.com/fozero

最后

以上就是痴情豆芽为你收集整理的微信小程序中this.setData is not a function报错问题的全部内容,希望文章能够帮你解决微信小程序中this.setData is not a function报错问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部