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.setNavigationBarTitleuni.showNavigationBarLoadinguni.hideNavigationBarLoadinguni.setNavigationBarColor

uni.showToastuni.showLoadinguni.hideToastuni.hideLoadinguni.showModaluni.showActionSheethttps://uniapp.dcloud.io/api/system/info

1、系統信息

2、網絡狀態

3、加速度計

4、撥打電話

5、剪貼板

6、屏幕亮度

7、振動

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

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

歡迎關注達達的簡書!

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

博客


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM