小程序this.data中的值在unload赋值，onshow中获取不到

原创 已于 2022-02-10 11:11:03 修改 · 1.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序

于 2022-02-09 01:55:17 首次发布
本文探讨了飞书小程序在遇到问题时的解决方案，参照微信小程序的处理方式。针对加载问题，建议在onload方法中调用其他方法进行数据处理。通过这种方式，可以更有效地获取并处理所需数据。

背景
用的飞书小程序，和微信小程序差不多
在这里插入图片描述
解决办法1 没看懂怎么处理
https://developers.weixin.qq.com/community/develop/doc/7954b6a93ceaf91d8b21e40185897dc4
在这里插入图片描述

为什么出现这种情况原理
https://developers.weixin.qq.com/community/develop/doc/0002a2a2e989c0b12ff93afcf56000
在这里插入图片描述
解决方法
onload 请求方法 这里调用一个其他的方法
在这里插入图片描述
需要获取的数据处理，就在调用的新方法中处理
在这里插入图片描述

如何避免在微信小程序中使用事件总线进行组件通信时出现内存泄漏？
alankuo的专栏
10-24 983
【代码】如何避免在微信小程序中使用事件总线进行组件通信时出现内存泄漏？
【愚公系列】《微信小程序开发解析》003-小程序框架（项目文件和逻辑层）
热门推荐
愚公智库
07-07 8万+
小程序框架是一种提供基础开发框架和工具的软件开发框架，用于简化和加速小程序应用程序的开发过程。小程序框架提供了一套规范和标准，帮助开发者快速构建小程序应用并管理应用的结构、数据流和页面之间的交互。
微信小程序——普通回调函数中this拿不到data数据
hinataneji的博客
05-26 5774
微信小程序——普通回调函数中this拿不到data数据 小程序在回调函数中调用this数据报错是因为在程序运行过程中，this对象也会发生改变，导致在普通回调函数之中改变后的this对象没有相关数据，即会报错 首先给出代码片段路径 miniProgram 下面直接贴出来代码 Page({ data: { testStr:"我是测试字符" }, onLoad() { console.log("加载首输出："+this.data.testStr) //输出———
微信小程序的this、onShow()的问题
weixin_52582672的博客
05-12 1839
如图，this.xx是默认在方法里的属性，需要改为this.data.xx onShow函数在微信小程序被加载之后可以执行多次，比如从后台重新切换回来之后，就又会执行！
小程序数据库查询where语句中 this.data不能使用的原因及解决方法
SEMHAQ的博客
04-09 1834
小程序数据库查询where语句中 this.data不能使用的原因及解决方法 最终效果： 原因：this.data.id 必须为string类型，不可为number类型 解决方法： 将数据类型及数据库里的数据类型都改为string类型。 较为粗糙的转化方法： 原理：将数字改为带有单引号的字符串（图中为双引号），此时将csv文件导入数据库，数字就会被识别为string类型。 此时，只需在数据的赋值语句里加上单引号： 此时在输入框输入纯数字也会有反馈了： 唯一美中不足的地方就是无法消除单引
微信小程序基础知识--------this.data 失效的方法
zyddd131452的博客
06-19 969
this.setData({ //this放在wxrequest 异步执行中会报错。//this.data.menutop=menu.top 错误。//this.data.menutop=menu.top 错误。//this.data.menutop=menu.top 错误。//从服务器获取数据,条件isgood>0。//从服务器获取数据,条件isgood>0。//从服务器获取数据,条件isgood>0。
uniapp 里 onshow 接收不到参数如何解决？
跟着飞哥学编程（全栈联盟）
09-09 2943
uniapp onshow如何获得option参数
这是一个 three.js 在微信小程序里的使用示例.zip
最新发布
12-01
three.js 示例微信小程序中的 Three.js 示例three.js 在小程序里的使用示例，其中 three.js 使用的是小程序移植版，详情请到 https://github.com/yannliao/three.js。注意由于示例中有较多的模型是使用官网链接，...
Excel-VBA宏编程实例源代码-让宏执行对话框中不显示程序名称.zip
12-14
在Excel-VBA宏编程中，有时我们希望在执行宏时隐藏程序名称，以提供更专业的用户体验。本实例源代码——"让宏执行对话框中不显示程序名称.xlsm"就是为了实现这一目标。VBA（Visual Basic for Applications）是...
微信小程序路由再次跳转不触发onload
heerey525
06-14 6160
情况： 1、从index页面跳转（wx.navigateTo）到add页面，第一次会进入add页面onLoad，但是第二次从index页面跳转（wx.navigateTo）到add页面，则不会进入add页面的onLoad； 2、从add页面跳转（wx.redirectTo）到index页面，不会进入index页面onLoad 原因： 在首次进入一个页面的时候，会进入该页面的onLoad，但是跳来跳去，其实路由并没有销毁，该页面已经存在路由栈，所以被缓存起来，并不会再次进入onLoad 解决方法： 1、在on
微信小程序请求成功不能更新data数据
zhangyu_98的博客
06-09 683
小程序请求成功数据更新失败
微信小程序 onShow无反应的问题
huige6941的博客
05-09 1万+
微信小程序 onShow无法显示或者反应的问题 微信小程序onShow无反应，查看自己的js文件是否重复定义了onShow函数，去掉其中一个即可
微信小程序 onLoad与onShow之间传值
harry_yaya的博客
05-11 1万+
在写一个页面的刷新效果， 需求是在页面第一次进来时，做出一次数据加载，之后在页面有个评论操作，每次评论成功都将本页的数据进行刷新。 考虑到如果刷新都用onLoad()的话，会造成比较大的资源浪费，所以，把需要进行数据刷新的部分放到onShow页面进行刷新。 因为我的函数在加载评论数据的时候，需要一个bookid数值，传参到服务器这样才能获取相对应的数据。但是bookid是从上个页面通过option...
完美解决小程序onload异步函数导致onshow先执行的问题
HanZH_612的博客
07-26 5000
通过定时器解决onLoad存在异步函数时和onShow的执行顺序异常情况
小程序踩坑-如何在onshow中获取到其他页面传入的参数
wjl223的博客
02-02 1760
获取当前小程序的页面栈，页面栈即小程序所有页面的实例数组，最大为10。 方法：const pages = getCurrentPages() 获取到页面实例数组。 其中最后一位是当前页面实例 这样就可以在onShow中获取到当前页面中被传入的值 ...
微信小程序onshow里拿参数
眼睛微微笑的博客
06-05 3015
原生小程序语法直接在onshow生命周期里使用this.options // 以下$wx是被wepy封装了一层. onShow () { console.log(this) let { $wx: { options } } = this this.recommendList(options.id) },
小程序onload里获取不到数据_微信小程序实例：如何获取和渲染数据（附代码）...
weixin_42541463的博客
01-29 3016
本篇文章给大家带来的内容是关于微信小程序实例：如何获取和渲染数据(附代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1.数据获取：注意：1.服务器地址要配置https2.配置合法域名3.本地调试记得在开发者工具勾选123456wx.request({ url: '接口地址', data: {}, success: function (res) {}, fail:functio...
wx:for里的数据是onLoad里赋值的但是没有页面显示
liulang1905的博客
02-21 475
小程序 wx:for 没有渲染data数据
微信小程序onLoad获取无效（已解决）
tnt4399的博客
12-01 2916
在代码中创建一个组件，使用onload时发现控制台没打印出来值，本来我想一开始就将id值赋值。但后面请求接口的时候发现id为空，起初开始以为是值没有传进来。后面打印发现控制台压根没有值。
以上代码 this.data.upload.config.elem 报undefined
06-01
如果 `this.data.upload.config.elem` 报 `undefined` 错误，可能是因为上传组件实例未正确初始化。在重新加载上传组件参数之前，请确保上传组件实例已正确初始化。您可以添加一个判断语句来检查上传组件实例是否存在，如果不存在，则创建一个新的上传组件实例。 代码示例： ```javascript if (this.data.upload && this.data.upload.config && this.data.upload.config.elem) { this.data.upload.config.elem.next().find("input").removeAttr("disabled"); //启用上传按钮 this.data.upload.config.elem.next().find("input").val(""); //清空文件选择框的值 this.data.upload.config.elem.next().find(".layui-upload-file").remove(); //移除已选择的文件 this.data.upload.config.elem.next().find(".layui-upload-choose").show(); //显示上传按钮 this.data.upload.config.elem.next().find(".layui-upload-loading").hide(); //隐藏上传中的加载动画 this.data.upload.config.elem.next().find(".layui-progress").addClass("layui-hide"); //隐藏进度条 this.data.upload.config.elem.next().find(".layui-progress").find(".layui-progress-bar").css("width", "0%"); //重置进度条宽度 this.data.upload.config.elem.next().find(".layui-progress").find(".layui-progress-text").text(""); //重置进度条文本 this.data.upload.config.elem.next().find(".layui-upload-file").unbind(); //移除已选择的文件绑定事件 this.data.upload.config = unload; this.data.upload.reload(unload); } else { this.data.upload = upload.render(unload); } ``` 在这个示例中，我们添加了一个新的检查语句 `this.data.upload && this.data.upload.config && this.data.upload.config.elem` 来确保上传组件实例已正确初始化。如果上传组件实例不存在或未正确初始化，则创建一个新的上传组件实例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值