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

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

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赋值,导致页面重新加载数据,这样就可以实时获取监听数据了。


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

展开阅读全文

没有更多推荐了,返回首页