微信小程序开发-setData使用技巧

terry 2年前 (2023-09-22) 阅读数 72 #移动小程序

使用setData一直都是用来给变量赋值的。感觉比用vue给data中的变量赋值麻烦一点。

最近项目压力不大。为了提高小程序的开发效率，提高小程序的开发能力，我又重新阅读了小程序的开发文档。原来setData还有一个非必参回调——setData引起的界面更新渲染完成后的回调函数。通过这个回调函数，可以在data中更新数据时，在回调函数中同步执行相应的操作。这比单独写入更新数据和后续操作要好得多。

Page.prototype.setData（对象数据，函数回调）：

字段	类型	必填	描述	最低版本	O♿b	是	这次要改变的数据
回调	函数	否	setData引起的界面更新渲染后的回调函数完成1. `key` 可以以数据路径的形式给出，支持更改数组的元素或对象的属性，例如`array[2].message`、❀a 。，且不得在 this.data 中预定义。关于以数据路径形式使用key以及使用回调函数如下： `data: { leader: { name: "Pony.ma", age: 42 } }, ... changeData() { var self=this self.setData({ "leader.name": "jack.ma" }, function() { wx.showToast({ title: "团队leader已经更改为："+self.data.leader.name, icon: "none" }) }) },`

版权声明

本文仅代表作者观点，不代表Code前端网立场。
本文系作者Code前端网发表，如需转载，请注明页面地址。

上一篇：微信小程序滑动轮播组件中图片高度显示不完整的解决方案下一篇：Flutter 逐步 UI 布局和小部件 - Fluid Layout Warp

发表评论:取消回复

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

微信小程序开发-setData使用技巧

版权声明

作者文章