this.setData修改有的属性生效有的属性不生效

最新推荐文章于 2024-07-21 12:42:01 发布
最新推荐文章于 2024-07-21 12:42:01 发布
阅读量666 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44523860/article/details/109267200
版权
在小程序开发中遇到一个奇怪的问题，部分属性设置后未能正常生效。经过排查发现，问题出在onShow事件内，由于在this.setData修改属性后立即读取内存赋值，导致修改失效。为解决这个问题，将存储也同步更新即可修复这一状况。
摘要由CSDN通过智能技术生成

除去那些常见的this问题

有些属性生效有些不生效

那么写法就没有问题

导致无法修改的原因

仔细找后发现，我在onShow事件内对该属性进行读取内存赋值操作，也就是每次this.setData修改结束后，又读取内存了一次，也就修改失效了

解决办法：把storage也更新

furfur-jiang
关注
专栏目录
微信小程序-修改数据后页面不渲染
前端向朔
03-04 3万+
说明去年从小程序一开始出来到现在，我一直是比较看好和保持一定的关注度的，小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的，这是我第一次有意识的亲眼目睹了一个新技术的发展，还是感觉比较荣幸的。 唱衰小程序？我的观点是肯定不可能，因为现在每天提交审核的小程序还在继续增加，而且有些小程序确实很好用，比如摩拜的扫码骑车，还有我上周去KTV，直接用小程序扫屏幕上的二维码，就可以绑定房间，然后通过
微信小程序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...
原生小程序开发大坑component的生命周期函数created中setData无效(小程序弹层代码封装)
Youyzq的博客
11-04 1380
原生小程序开发大坑component的生命周期函数created中setData无效(小程序弹层代码封装)
《知识点003：setData方法不起作用（setData赋值的2种方法》
最新发布
大大大钢琴
07-21 304
就行了，或者将success （res）修改为success: res=>{} 将数据对象传进来,这样就可以在函数里直接使用this.setData了。1、以下这种情况使用this.setData赋值失败：【success : function(res)...】 + 【this.setData】的赋值会失败，因为this的对象传不进success里面导致的数据无法修改。将方法【success （res）修改为success: res=>{} 】 操作方式。
微信小程序setData不生效的一种原因参考
weixin_42316148的博客
11-09 5373
... success: function (res) { var data = res.data; var List1= data.List; //这里直接赋值setData可能有问题 console.log("订单：", List1); that.setData({ ...
小程序01/小程序 事件传参data-参数名=“参数值“ 方法介绍、 this.setData使用说明 js内获取和修改data数据 方法
m0_64494670的博客
12-19 3878
小程序01/小程序 事件传参data-参数名="参数值" 方法介绍、 this.setData使用说明 js内获取和修改data数据 方法
小程序this.setData不起作用
top_explore的博客
03-14 3048
问题: 在onload中调用一个方法，方法中调用wx.request,在处理结果的时候使用this.setData，不起作用。 //页面加载 onLoad: function (options) { this.pushUrlInit(); ...} //获取推流地址 pushUrlInit: function () { ...
Page({ data: { showList: false, animationData: {} }, toggleList: function() { if (this.data.showList) { this.hideList(); } else { this.showList(); } }, showList: function() { var animation = wx.createAnimation({ duration: 300, timingFunction: 'ease' }); animation.height('200rpx').step(); this.setData({ showList: true, animationData: animation.export() }); }, hideList: function() { var animation = wx.createAnimation({ duration: 300, timingFunction: 'ease' }); animation.height(0).step(); this.setData({ showList: false, animationData: animation.export() }); } }); 为什么没有动画
07-22
在使用动画效果时，需要在 WXML 文件中...请确保在 WXML 文件中正确绑定了动画数据，并在相应的元素上设置了动画属性，这样可以使动画生效。如果仍然没有动画效果，请检查控制台是否有报错信息，以帮助进一步排查问题。
在vue中使用回调函数,this调用无效的解决
10-14
首先，让我们分析问题的核心：在Vue组件中，当我们在一个函数内部（比如`updateStudentInfoToServer`）使用`this`调用其他方法或访问数据属性时，如果这个函数被作为回调传递给另一个函数（例如`...
微信小程序遇到修改数据后页面不渲染的问题解决
12-01
微信小程序遇到修改数据后页面不渲染的问题解决 前言： 去年从小程序一开始出来到现在，我一直是比较看好和保持一定的关注度的，小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的，这是我第一次有意识...
小程序onshow给data赋值_我懂你，程序员心里都有个阿里梦。刚起步的你行不行？...
weixin_36298476的博客
01-09 589
作为一个曾经的女程序员。我懂你，程序的心里都有一个阿里梦，那么我们也都知道阿里的门槛是非常高的。那么对于想转行或者小白应该怎么走上这条追梦的梦呢？跟上我节奏就对了，从第一篇到现在这篇，我没有落下？你呢？落下就赶紧补起来，不懂的随时问小编喔，给小编打call，一八三二七零二五零零六，小编助你一臂之力。那跟上了节奏的小伙伴，节奏保持住喔，我们一起，一起加油吧~昨天讲过数据类型了，今天就给大家讲讲数据类...
函数this指向
qq_48439911的博客
04-24 402
this的指向 这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。 一般指向我们的调用者. 调用方式 this指向 普通函数调用 window 构造函数调用 实例对象 原型对象里面的方法也指向实例对象 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象 定时器函数 window 立即执行函数 window this指向的改变 我们也可以改变函数内this的指向，js提供了三种方法 call() ，apply() , b
jquery ajax 中 $(this) 不起作用
weizhongxing6的专栏
03-03 6880
忍不住要分享一下一个奇怪的现象，那就是$(this)与ajax的冲突。 平时用$(this)的时候感觉很方便，很爽。例如，我们可以这样轻易获取某个元素的value值，$(this).val();可以这样$(this).html()获取某个元素里面的所有html标签内容。但是这一切在ajax里面都不生效。代码如下： $(".finish").click(function(){       
小程序使用this.setData()来做无刷新
啊啊啊啊2
09-11 855
我们在pc端做污无刷新可以使用ajax来做，但是小程序没有这个功能。那么下来介绍另一种方法首先在data里边声明一个photos_url在获取数据的时候，将数据直接保存在photos_url这个里边在点击删除数据的时候，将数据的索引值传到js循环判断，将点击得到的索引值跟全部数据的索引进行判断，不相等的全部存放到一个新的数组最后重新赋值给photos_url即可...
小程序setData
勿六七的博客
07-17 2548
"resetdata":function(){//写触发函数绑定在页面上 this.setData({//this.setdata很重要 "changdata":"哈哈哈哈哈setData调用后文字"//重新设置data里面的"changdata"的值 }) },
[微信小程序]this.setData ， that.setData ， this.data.val三者之间的区别和作用
热门推荐
a_靖的博客
12-23 3万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文： 1.this.setData({ }) <view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="tap_start" class="page-top" style="{{translate...
小程序之this.setData动态修改数据某个下标的值
weixin_34290390的博客
06-13 2574
1.基本使用 data:{ demo:1 } 比如上面这个data里面的demo，我们需要修改它的值。通常来说有两种方法： 1.直接this.data.demo 用 ‘=’来进行赋值，这是可行的，不过因为data里的数据一般都是跟页面进行绑定了的，我们直接‘=’赋值容易发生数据发生页面没有变化的情况发生。所以一般我们都是用第二种方法 2.this.setData({ demo:2 }) 这种方法可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值