유 니 앱 드 롭 다운 리 셋
js 에서 onPull DownlRefresh 처리 함수 (onLoad 등 수명 주기 함수 와 동급) 를 정의 하고 이 페이지 사용자 의 드 롭 다운 리 셋 이 벤트 를 감청 합 니 다.
pages.json 현재 페이지 의 pages 노드 를 찾 았 습 니 다. style 옵션 중 오픈 enablePullDownRefresh 。 예시
pages.json
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"enablePullDownRefresh": true, // true
"backgroundTextStyle": "dark" // loading ， dark/light
}
}
],
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#0faeff",
"backgroundColor": "#fbf9fe"
}
}uni.stopPullDownRefresh 현재 페이지 의 드 롭 다운 새로 고침 을 중단 할 수 있 습 니 다.uni.startPullDownRefresh(OBJECT)
드 롭 다운 새로 고침 을 시작 합 니 다. 호출 후 드 롭 다운 새로 고침 애니메이션 을 촉발 합 니 다. 효 과 는 사용자 가 수 동 으로 드 롭 다운 새로 고침 과 일치 합 니 다.
OBJECT 매개 변수 설명
매개 변수 이름
유형
필수
설명 하 다.
success
Function
아니.
인터페이스 호출 성공 리 셋
fail
Function
아니.
인터페이스 호출 실패 한 리 셋 함수
complete
Function
아니.
인터페이스 호출 이 끝 난 리 셋 함수 (호출 성공, 실패 모두 실행)
success 반환 매개 변수 설명
매개 변수
유형
설명 하 다.
errMsg
String
인터페이스 호출 결과
uni.stopPullDownRefresh()
현재 페이지 드 롭 다운 새로 고침 을 중지 합 니 다.
index.vue
export default {
data: {
text: 'uni-app'
},
onLoad: function (options) {
setTimeout(function () {
console.log('start pulldown');
}, 1000);
//uni.startPullDownRefresh();
uni.startPullDownRefresh({
success：function(res){
console.log(res); //success
}
}); //
},
onPullDownRefresh() {
// ，
console.log('refresh');
setTimeout(function () {
uni.stopPullDownRefresh(); //
}, 1000);
}
}더 많은 자 료 를 먼저 끄 면 유 니 앱 홈 페이지 에서 문 서 를 볼 수 있 습 니 다.http://uniapp.dcloud.io/api/ui/pulldown
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
애플 릿 이미지 새로 고침, nginx 재 작성 url 제거 인자이전에 nginx 로 이미지 서버 를 만 들 었 는데 전단 에 작은 프로그램 을 사 용 했 습 니 다. 작은 프로그램 이 출시 된 후에 그림 이 새로 고침 되 지 않 는 것 을 발 견 했 습 니 다. 조사 한 결과 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
