PullRefesh 下拉刷新
使用指南
import { PullRefresh } from 'fs-ui'
export default {
components: {
fsPullRefresh: PullRefresh
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
代码演示
- 尺寸大小
<fs-pull-refresh v-model="loading" @refresh="handleRefresh">
<div class="demo-inner">aaa</div>
</fs-pull-refresh>
1
2
3
2
3
属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 是否刷新中 | Boolean | - |
| disabled | 禁用下拉刷新 | Boolean | - |
| loadingText | 加载时的文字 | String | - |
| duration | 动画过渡时间 | Number | 500ms |
插槽
| 插槽名 | 说明 |
|---|---|
| - | 默认内容 |
| loading | 加载时的提示 |
事件
| event | 说明 | 返回值 |
|---|---|---|
| refresh | 处理刷新的事件 | - |