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

摘要:
最近,这个项目没有那么紧张。为了提高小程序开发的效率和能力,我再次阅读了小程序的开发文档。发现setData还有一个可选的参数回调——在setData引起的接口更新和呈现之后的回调函数。使用此回调函数,您可以在更新数据中的数据时在回调函数中同步执行相应的操作,这比单独写入更新的数据和后续操作要好得多。

前言:

之前使用 setData ,一直都是作为给变量赋值,感觉比起vue给data中的变量的赋值还是有点麻烦的。

最近项目不太紧张,为了提高小程序的开发效率及提升小程序开发的能力,又重新的通读了下小程序的开发文档。发现 setData 还有一个非必填的参数 callback——setData引起的界面更新渲染完毕后的回调函数,通过这个回调函数,可以在更新data中的数据的时候,同步在回调函数中进行相应操作,这比更新数据和后续操作分开写好多了。

Page.prototype.setData(Object data, Function callback):

字段类型必填描述最低版本
dataObject这次要改变的数据 
callbackFunctionsetData引起的界面更新渲染完毕后的回调函数1.5.0

其中 key 可以以数据路径的形式给出,支持改变数组中的某一项或对象的某个属性,如 array[2].messagea.b.c.d,并且不需要在 this.data 中预先定义。关于key以数据路径的形式使用及callback回调函数的使用如下:

  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"
        })
      })
  },

免责声明:文章转载自《微信小程序开发——setData的使用技巧》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇blender--(凹凸贴图)................https://jingyan.baidu.com/article/9f63fb917c4becc8400f0ea8.htmlPostgresql在线备份和恢复下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【Hive】【impala】解析json(get_json_object)

转载:https://blog.csdn.net/qq_34105362/article/details/80454697 get_json_object(string json_string, string path) 说明:第一个参数填写json对象变量,第二个参数使用$表示json变量标识,然后用 . 或 [] 读取对象或数组;如果输入的json字符...

AVR单片机教程——走向高层

本文隶属于AVR单片机教程系列。   在系列教程的最后一篇中,我将向你推荐3个可以深造的方向:C++、事件驱动、RTOS。掌握这些技术可以帮助你更快、更好地开发更大的项目。 本文涉及到许多概念性的内容,如果你有不同意见,欢迎讨论。 关于高层 这一篇教程叫作“走向高层”。什么是高层? 我认为,如果寥寥几行代码就能实现一个复杂功能,或者一行代码可以对应到几百句...

C#中使用SQLite

(1) 从下面的网址下载了 SQLite 版本(sqlite-netFx40-setup-bundle-x64-2010-1.0.83.0):http://system.data.sqlite.org/index.html/doc/trunk/www/downloads.wiki安 .cs 文件中使用了 using:using System.Data.SQ...

微信小程序开发学习(二)

一些官方API 总结了一些官方API,便于之后有用时针对性查找(发现官方给了好多好用的API)官方API文档 基础 wx.canIUse:判断小程序的API,回调,参数,组件等是否在当前版本可用,返回值为boolean。使用${API}.${method}.${param}.${options}或者${component}.${attribute}.${...

Soap流程

首先本文不对SOAP有过多的解释,你只需知道它是--简单对象访问协议,一种轻量的、简单的、基于 XML 的协议。举个例子,WebService其实就基于SOAP的。 再简单的说一下,SOAP就是打包-->发送-->收包-->处理-->返回包等一系列流程,在ASP.NET中可以使用MSXML2中的XMLHTTPClass类来创建SOA...

【Vue后台管理二】vue-admin-template 对接后端API JWT认证

初始化对接端台API 上一篇了完成了项目初始化,但是那个只是把 vue-admin-template 模版简单的初始化了一下,新增了tagsview标签快捷导航栏,其他的没什么变化。 这一篇了就完成了和后端的Jwt token认证,登录,退出,基本的table list接口数据请求。首先看看效果。 其实看起来和第一篇的初始化效果差不多,唯一的区别是,第一篇...