微信小程序setData完成后操作

2020-07-02 09:23:22 浏览数 (1)

在微信小程序中,setData是一个常用的操作,但是setData是一个异步操作,也就是说在setData代码后使用data里面的数据,不一定就是已经更新了的数据。但是微信小程序给我们提供了一个方法,也就是回调函数

代码语言:javascript复制
this.setData({
   id:"0"
},()=>{
  console.log(this.data.id);
})

通过该回调函数可以方便的等待data更新以后再从data中获取数据。

这种方式使用的场景一般为在onload方法里将options参数存储到data中,另外onload加载另一个函数,而该函数直接使用的是来自于data里面的数据,如下例。

代码语言:javascript复制
data:{
  options:{}
},
onload:function(options){
   this.setData({
      options:options
   },(){
      this.showOption();
   })
},
showOption(){
    console.log(this.data.options);
},
nowOption(){
  this.showOption(); 
},

0 人点赞