<scroll-view :scroll-y="true"
:show-scrollbar='true'
:refresher-enabled='true'
@refresherrefresh="getAjax"
:refresher-triggered="isShow"
- 首先在scroll-view 绑定 refresher-triggered 属性
-
refresher-triggered boolean false 设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发
3. 在data中定义 默认设置为false
isShow:false,
4.在scroll-view上绑定 refresherrfresh 事件
@refresherrefresh | EventHandle | 自定义下拉刷新被触发 |
getAjax(){
var that = this;
if(!that.isShow){
that.isShow = true;
//下拉加载,先让其变true再变false才能关闭
//关闭加载状态 ,需要一点延时才能关闭
setTimeout(() =>{
that.isShow = false;
},200)
}
}