小程序页面的onLoad函数和setData，以及事件、函数的认识

最新推荐文章于 2025-11-06 20:16:00 发布
原创 最新推荐文章于 2025-11-06 20:16:00 发布 · 6.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入探讨了onLoad函数仅执行一次的特点，解释了setData如何将数据存储到页面缓存中，以及解决数据undefined的问题。同时，介绍了事件函数中e参数的含义及options对象的应用。

onLoad只执行一次。
setData是把数据存入页面缓存。
如果出现数据undefined，可能需要that = this，在大花括号之后，this的 就改变了。
事件函数里的e是event，指的是此操作的事件。
options是对象。

叶哥嘟嘟
关注
微信小程序 详解Page中data数据操作和函数调用
08-31
在微信小程序中，`Page` 是一个核心组件，它用于注册一个页面并管理该页面的生命周期及数据。...记住，合理地组织和操作 `data`，以及正确地调用生命周期函数和事件处理函数，是构建微信小程序页面的关键。
微信小程序报错：this.setData is not a function的解决办法
08-29
setData函数是微信小程序中用于设置数据的函数。该函数可以将数据设置到当前页面对象中。setData函数的使用需要注意this对象的指向，否则将导致错误。 知识点4：解决微信小程序报错：this.setData is not a ...
微信小程序 云开发 onLoad函数设置this.setData 数据不改变
乌药ice
10-01 2222
代码： 问题：msg无法重新赋值。 为什么？ 我们通过 console.log("this -> ",this) 代码输出这里的this 这里的this指向的是success函数 而不是 page里的this。 代码改成：
小程序setData
勿六七的博客
07-17 2636
"resetdata":function(){//写触发函数绑定在页面上 this.setData({//this.setdata很重要 "changdata":"哈哈哈哈哈setData调用后文字"//重新设置data里面的"changdata"的值 }) },
微信小程序开发：详细解读onLoad生命周期函数
最新发布
ducaifeng86的博客
11-06 520
onLoad方法是微信小程序页面的核心入口点。
【微信开发】小程序this.setData({})中对普通字段、数组以及数组对象进行赋值，对数组对象进行操作
weixin_57788079的博客
04-18 5619
字段赋值； 数组静态赋值； 数组动态赋值； 对象数组动态赋值； 组对象进行操作 ① 末位加数据； ② 中间或者开头加数据； ③删除数据；
微信小程序 setData
qq_37133856的博客
03-03 483
    最近遇到个 小程序 更新数据的问题 ,因为数据是动态,所以在更新的时候总会报错;   最后想出的办法是 左右加单引号 
微信小程序中的setData
qq_41736774的博客
02-11 685
写在前面 在 JS 脚本使用 this.setData 方法可以把 WXML 模板中绑定的变量设置成其值。这也是逻辑层与渲染层最直接的交互方式。文档中将其称为数据驱动。 在开发UI界面过程中，程序需要维护很多变量状态，同时要操作对应的UI元素。随着界面越来越复杂，我们需要维护很多变量状态，同时要处理很多界面上的交互事件，整个程序变得越来越复杂。通常界面视图和变量状态是相关联的，如果有某种“方法”...
微信小程序注册页面详解及Page函数使用
本文围绕‘微信小程序 教程之注册页面’这一主题，深入剖析了如何通过Page()函数完成页面的注册与初始化，详细阐述了其核心参数结构、生命周期函数的作用机制、数据绑定原理以及事件处理方式。首先，Page()函数是...
小程序中this.setData的使用和注意事项
10-16
首先，this.setData函数的主要作用是将数据从逻辑层传递到视图层。它的参数是一个对象，其中包含一个或多个键值对。键名对应页面的data对象中的变量名，键值是需要更新的值。使用时，需要确保在js文件中对data对象...
微信小程序Page中data数据操作和函数调用方法
10-17
最后，微信小程序还提供了许多生命周期函数，包括页面加载时的onLoad()、页面显示时的onShow()、页面隐藏时的onHide()、页面卸载时的onUnload()、页面下拉刷新时的onPullDownRefresh()以及页面触底时的onReachBottom...
遇到问题2：onLoad中使用setData无效
qq_43751407的博客
02-13 1375
loginshow}),这样会提示loginshow未定义，只能直接赋值that.setData({ loginshow: true}) 或者 提前定义 let loginshow = true,然后that.setData({ loginshow: loginshow})。
微信小程序template使用数组wx-for列表，onloade时setData()无效
immocha的博客
12-28 979
问题描述： 把列表做成一个template，然后再index.wxml中使用， <template name="videoSwiper"> <scroll-view class="videos" scroll-x="true" scroll-with-animation="true"> <view class="video" wx:for="{{video...
小程序开发之onLoad中this.data.xxx赋值失败
weixin_39655220的博客
06-26 7914
查阅多篇文章文档，目前onLoad中this.data.xxx=xxx赋值直接失败，现在赋值方法只能使用 this.setData({ key:value }) 学习中在这里卡了很久，虽说this.setData在异步时使用，但是是比较好的替代方法，记录一下，希望能帮助到其他人 ...
微信小程序setData()无效
weixin_46842345的博客
11-17 2789
Mon 06Mon 13Mon 20已完成 进行中 计划一 计划二 现有任务Adding GANTT diagram functionality to mermaid 关于 甘特图 语法，参考 [这儿][2], UML 图表 可以使用UML图表进行渲染。 [Mermaid](ht ...
微信小程序的生命周期-onLoad
m0_51930636的博客
04-24 1516
需要注意的是，在 Vue.js 中，data 中定义的数据是响应式的，如果你直接修改 data 中的数据，会触发组件的重新渲染。但是，在微信小程序中，data 中定义的数据不是响应式的，因此修改 data 中的数据不会自动触发组件的重新渲染。如果你需要在 onLoad 生命周期中访问 data 中的数据，可以使用 this.data 来访问，但如果你需要修改 data 中的数据，建议在 onReady 生命周期中或者之后的生命周期中进行修改。data 中定义的数据是组件的初始数据，在组件创建时被赋值。
微信小程序setData注意事项，使用方法
LY1879276369的博客
05-05 2493
原生小程序this.setData（）修改，更新值
微信小程序————setData()方法的使用和注意事项
热门推荐
执生的博客
08-10 23万+
微信小程序setData()使用： Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 参数说明： Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 va...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值