# refresh 下拉刷新

为容器提供下拉刷新功能。在nvue上,可通过此组件实现灵活的、自定义的、高性能的下拉刷新。

注意

<refresh><scroll-view><list><waterfall> 的子组件,只能在被它们包含时才能被正确渲染。

# 子组件

  • <loading-indicator>: 只能作为 <refresh><loading> 的子组件使用,拥有默认的动画效果实现。
<refresh>
  <text>Refreshing</text>
  <loading-indicator></loading-indicator>
</refresh>

# API

# Attribute 属性

属性 说明 类型 可选值 默认值
display 控制 <refresh> 组件显示、隐藏。display 的设置必须成对出现,即设置 display="show",必须有对应的 display="hide" string show / hide show

# Event 事件

事件名 说明 参数 返回值
@refresh <scroll-view><list><waterfall> 被下拉完成时触发 - -
@pullingdown <scroll-view><list><waterfall> 被下拉时触发。 - event

# 属性说明

以下专题为个别组件属性的详细讲解,帮助您快速理解属性使用。

# event

属性 说明
dy 前后两次回调滑动距离的差值
pullingDistance 下拉的距离
viewHeight refresh 组件高度
type “pullingdown” 常数字符串