对于微信小程序setData的方法不起作用的一种解决办法

最新推荐文章于 2024-07-21 12:42:01 发布
原创 最新推荐文章于 2024-07-21 12:42:01 发布 · 8.4k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#weixin #javascript

本文解决了一个关于微信小程序中使用云开发获取数据后无法更新界面显示的问题。通过调整作用域解决了this对象传递问题，实现了setData方法的有效使用。

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

是这样的，题主这次的微信小程序比赛临阵磨枪学习小程序，在使用云开发从云上拿到数据后重新添加显示到界面上时始终显示不了，网上也没找到相应的解决办法，，后来赋值发现是在success是闭包函数在运行时this.setData（）赋值不了，后来发现时this的对象传不进success里面导致的数据无法修改，在使用success前添加 var that = this；就行了，或者将success （res）修改为

success: res=>{} 将数据对象传进来,这样就可以在函数里直接使用this.setData了。

详情  指向作用域的问题 的可参看  https://blog.youkuaiyun.com/mdzzzhangxian/article/details/60966040

 

微信小程序 setData使用方法及常用错误解决办法
12-10
微信小程序 setData使用方法及常用错误解决办法 最近在弄微信小程序，类似于共享单车用来练练手，基本原理就是小程序发送经纬度给服务器，服务器从数据库中检索经纬度附近的单车传给小程序。 就在这里。。没错就是这里，传回来的值是以jsonarray格式传过来的。 我需要将jsonarray进行解析获取经纬度，ID等车辆信息，然后赋值给小程序地图上的mark，一般我的思路时直接用个for循环给每个mark进行赋值然后再Setdata一下就ok， 结果没想到小程序setData()设置数组对象的某个元素的属性时根本没用。。。。。 然后百度一会儿找到了方法   //www.jb51.net/ar
微信小程序setData（）无效
Xiaoweidumpb
09-01 2187
1.这种比较奇怪，在定义Data{}时候要加, 如果不加,会导致setData（）方法改变不了Data{}里面的值，并且不报错！ 代码演示 /** * 页面的初始数据 */ data: { isAdd:false, }, 2.第二种情况比较常规 要用var that=this 因为嵌套里面this 指向的不是js文件中的this， 这里this可能指向callFunction的this ** //正确的代码演示** queryFavorite:function(i
微信小程序setData不生效的一种原因参考
weixin_42316148的博客
11-09 5600
... success: function (res) { var data = res.data; var List1= data.List; //这里直接赋值setData可能有问题 console.log("订单：", List1); that.setData({ ...
微信小程序this.setData()失效情况与解决方案
热门推荐
baidu_41860619的博客
02-13 1万+
微信小程序this.setData()失效情况与解决方案 第一种：this代表的对象改变了 1.1 举个栗子： demo.js文件 Page({ data: { flag:false }, test:function(){ wx.showModal({ title: '提示', content: '这是一个模态弹窗', succ...
微信小程序setData()无效
weixin_46842345的博客
11-17 2760
Mon 06Mon 13Mon 20已完成 进行中 计划一 计划二 现有任务Adding GANTT diagram functionality to mermaid 关于 甘特图 语法，参考 [这儿][2], UML 图表 可以使用UML图表进行渲染。 [Mermaid](ht ...
微信小程序 setData的使用方法详解
08-30
微信小程序 setData 是一种非常重要的数据绑定机制，它允许开发者在小程序中实时更新页面的数据，从而实现动态的页面展示。今天，我们将详细介绍微信小程序 setData 的使用方法，并解决一些实际中遇到的问题。 ...
微信小程序遇到修改数据后页面不渲染的问题解决
08-31
微信小程序遇到修改数据后页面不渲染的问题可以通过正确地使用setData()方法来解决。开发者需要在开发微信小程序时正确地使用setData()方法，以免出现数据不渲染的问题。 此外，微信小程序还提供了一些其他的解决...
微信小程序错误this.setData报错及解决过程
01-20
在微信小程序开发过程中，开发者可能会遇到“this.setData is not a function”的错误，这通常是由于JavaScript中的作用域问题导致的。本文将深入解析这个问题的原因，并提供有效的解决方案。 首先，我们需要了解...
微信小程序项目-美食列表
05-13
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需安装即可使用的在线服务。本项目“微信小程序项目-美食列表”是为小程序开发初学者设计的一个实践案例，旨在帮助他们...
微信小程序报错：this.setData无法使用（this.setData is not a function）
2402_82469624的博客
05-25 638
解决方法：
微信小程序数据渲染不出来，setData用法技巧全
weixin_47518648的博客
03-20 6496
在开发过程中我们常常发现从后台获取到了数据后（data做出了改变而页面并未加载这些数据）。我们先用console.log()把数据输出，确保已经获取到数据，如果已经获取到了那就是下面情况出错了。 未使用this.setData()进行赋值。 这就类似于vue中的双向绑定，即只有用this.setData赋值的数据才具有响应式特征。 但大多数开发情况下我们的数据都是数组类型的，如果是向数组中添加元素，this.setData似乎不太符合应用情景，因为他是改变原数组，而不是向数组添加数据。所以可以采用以下
记录下让我差点崩溃的小程序setData没有重新渲染
qq_33042641的博客
06-02 1724
问题描述：发布体验版后，首页有根据用户权限显示不同页面，首次进入无论如何切换用户都能成功渲染，右上角关闭小程序后再次进入，切换用户成功，打印data也是修改正常的，但是就是没有显示当前用户应该显示的权限页面。 问题原因：页面卸载时没有移除监听。 问题总结：添加监听记得移除，做事有始有终，注意细节。 公司小程序项目有用到event.js来实现触发刷新： 关键在回调里打印isAllpower也是期望值，代码也执行了。最后在最底部加了个延时操作打印，发现按上述操作会打印2次isAllpower，才想到
微信小程序对象或数组this.setData不更新数据问题
qq_34631220的博客
07-08 2356
使用数组拼接的方式输出成功解决 var srt = "datas["+i+"][3]";//更新对象拼接 var cgl = this.data.dades[i][3];//更新的数据 this.setData({ [srt]:cgl, })
微信小程序之数据的同步渲染
weixin_51474815的博客
09-07 2042
微信小程序怎么实现的数据同步渲染
小程序中setData问题
weixin_44970384的博客
03-01 529
用微信开发者工具写了个小demo，但是里面的this.setData数据显示不出来 下面这个是index.js 原因：this指向于page（全局）通过全局来设置 Data中的数据 而导致this.setData出错就是因为在使用set.Data时形成了闭包，导致this指针改变了指向。 最终this没有指向page（全局）。 解决办法： 在外部定义变量 = this（让指针一直指向page（全局）），比如：var that=this,在内部使用 变量.setData。 将函数替换成箭头函数 回
说说微信小程序开发的那些坑2--setData
weixin_33946605的博客
12-05 160
this.setData估计是小程序中最经常用到的一个方法，但是要注意其实他是有限制的，忽略这些限制的话，会导致数据无法更新 setData的反模式：-- 短时间频繁进行setData操作--页面进入后台后依然进行setData操作-- 使用setData一次性设置太多的数据 这里重点说一下第3点，获取更新列表的时候非常容易触犯第三点，举...
小程序使用setData()无效
immocha的博客
11-26 3736
想从数据库取一条记录，绑定到前端页面上，使用setData()，怎么也显示不出来。 找了一圈，最后还好解决了。 小程序在异步请求之后直接this.setData({}) 是不起作用的，因为this丢失，需要在请求之前定义that = this， 使用that.setData({}) 才可以，注意，that不能写成全局变量，一定要写在方法里，并且是异步请求之前！ 解决方法来自：https://...
《知识点003：setData方法不起作用（setData赋值的2种方法》
最新发布
大大大钢琴
07-21 571
就行了，或者将success （res）修改为success: res=>{} 将数据对象传进来,这样就可以在函数里直接使用this.setData了。1、以下这种情况使用this.setData赋值失败：【success : function(res)...】 + 【this.setData】的赋值会失败，因为this的对象传不进success里面导致的数据无法修改。将方法【success （res）修改为success: res=>{} 】 操作方式。
微信小程序 - 解决 setData() 无法修改 properties 数据的问题，修改子组件 properties 传递过来的数据（父级页面传入子组件的数据无法更新修改的问题，简洁快速解决方案！）
资深程序员
06-20 4737
微信小程序如何修改组件properties数据，微信小程序如何在组件的properties中处理属性值，微信小程序怎么修改自定义组件properties里的数据，微信小程序父组件传给子组件的值,子组件不能直接修改，微信小程序传递给子组件properties的值怎么修改，微信小程序怎么监听传递给子组件的properties数据，微信小程序如何才能改变propertiesprops传过来的值，微信小程序properties的数据怎么编辑，小程序如何获取自定义组件中properties的属性并修改，小程序如何
微信小程序setData封装实践教程及案例解析
微信小程序作为腾讯公司推出的一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的概念，用户扫一扫或搜一下即可打开应用。微信小程序的开发越来越受到开发者的重视，其内部JavaScript编程环境为开发者...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值