小程序自定义事件与页面加载

小程序接收自定义事件结果与页面加载是有先后顺序的，接收事件结果是晚于页面加载结果的。如何才能将接收的事件结果更新到页面呢？看下面例子：

1.自定义事件
初始化事件名称：contactevent

var contacts = [1,2,3]
var iscontact = (contacts.length==0?'false':'true')
var myEventDetail = { iscontact: iscontact} // detail对象，提供给事件监听函数
this.triggerEvent("contactevent", myEventDetail);

2.接收事件
绑定事件：contactevent

data:{
iscontact:""
}
<chatlist show='{{show}}' bind:contactevent='showContact' caInnercode='{{caInnercode}}'/>
<view>{{iscontact}}</view>

获取事件结果

showContact: function (e) {
    var iscontact = e.detail.iscontact
    this.setData(iscontact)
 }

这时加载页面{{iscontact}} 是空。

3.重新加载事件结果

data:{
    iscontact:"",
    ds:{}
}
onShow: function () {
    ds.iscontact='true'
    this.setData(ds)
}
 showContact: function (e) {
    var iscontact = e.detail.iscontact+""
    var ds = this.data.ds
    ds.iscontact = iscontact
    this.setData(ds)
  },

onShow 加载对ds赋值，获取监听结果重新ds赋值，导致页面重新加载数据，这样就可以实时获取监听数据了。

---

欢迎大家可以关注我，联系我进行技术讨论。