#属性

#enable-refresh

// @默认值: true
'enable-refresh'?: boolean;

确定向下拖动或调用 autoStartRefresh 是否可以触发 startrefresh 事件。

#事件

前端可以绑定相应的事件回调来监听元素的运行时行为，如下所示。

#bindheaderoffset

bindheaderoffset = (e: RefreshHeaderOffsetEvent) => {};

当 <refresh-header> 暴露时，在移动过程中触发。

#bindrefreshstatechange

bindrefreshstatechange = (e: RefreshStateChangeEvent) => {};

当 <refresh-header> 状态改变时触发。

#bindstartrefresh

bindstartrefresh = (e: RefreshStartRefreshEvent) => {};

当 enable-refresh 为 true 时，向下拖动或调用 autoStartRefresh（进入刷新状态）时触发。

#方法

前端可以通过 SelectorQuery API 调用组件方法。

#autoStartRefresh

lynx.createSelectorQuery()
     .select('#id')
     .invoke({
      method: 'autoStartRefresh',
      success: function (res) {},
      fail: function (res) {},
    })
    .exec();

当 enable-refresh 为 true 时，调用此方法可显示整个 <refresh-header> ，触发 startrefresh 事件，之后 <refresh-header> 将附着在刷新视口的顶部边缘。

#finishRefresh

lynx.createSelectorQuery()
     .select('#id')
     .invoke({
      method: 'finishRefresh',
      success: function (res) {},
      fail: function (res) {},
    })
    .exec();

在 startrefresh 事件之后调用此方法以结束刷新状态，使 <refresh-header> 回弹。