uni-app下拉刷新加載刷新數據

onPullDownRefresh
監聽該頁面用戶下拉刷新事件
需要在 pages.json 裏
開啓 enablePullDownRefresh

"globalStyle": {
}

當處理完數據刷新後,uni.stopPullDownRefresh 可以停止當前頁面的下拉刷新

uni.startPullDownRefresh(OBJECT)

success Function 否 接口調用成功的回調
fail Function 否 接口調用失敗的回調函數
complete Function 否 接口調用結束的回調函數

uni.stopPullDownRefresh()
停止當前頁面下拉刷新

page.json 開啓下拉刷新

{
 "pages": [
  {
   "path": "pages/index/index",
   "style": {
    "navigationBarTitleText": "hi uni",
    "enablePullDownRefresh": true
   }
  }, 

index.vue

<view v-for="(item, index) in newsList" class="newslist">{{item}}</view>

onPullDownRefresh:function(){
  this.getList();
 },

導航

uni.navigateTo

uni.redirectTo

uni.reLaunch

uni.switchTab

uni.navigateBack

uni.navigateTo(OBJECT)

保留當前頁面,跳轉到應用內的某個頁面,使用uni.navigateBack可以返回到原頁面。

uni.redirectTo(OBJECT)

關閉當前頁面,跳轉到應用內的某個頁面。

uni.reLaunch
關閉所有頁面,打開到應用內的某個頁面。

uni.switchTab
跳轉到 tabBar 頁面,並關閉其他所有非 tabBar 頁面。

uni.navigateBack
關閉當前頁面,返回上一頁面或多級頁面

設置導航條
uni.setNavigationBarTitle
uni.showNavigationBarLoading
uni.hideNavigationBarLoading
uni.setNavigationBarColor

uni.showToast
uni.showLoading
uni.hideToast
uni.hideLoading
uni.showModal
uni.showActionSheet
https://uniapp.dcloud.io/api/system/info

1、系統信息

2、網絡狀態

3、加速度計

4、撥打電話

5、剪貼板

6、屏幕亮度

7、振動


若本號內容有做得不到位的地方(比如:涉及版權或其他問題),請及時聯繫我們進行整改即可,會在第一時間進行處理。


請點贊!因爲你們的贊同/鼓勵是我寫作的最大動力!

歡迎關注達達的簡書!

這是一個有質量,有態度的博客

博客

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章