微信小程序下拉刷新組件加載圖片(三個小點(diǎn))不顯示刷新狀態(tài)的問題
更新時間：2022年10月10日 10:53:16 作者：早起的年輕人
很多朋友跟小編反饋這樣一個問題，微信小程序中列表頁面下拉刷新 ，頂部不顯示三個小點(diǎn)的刷新狀態(tài)，今天通過本文給大家介紹下小程序下拉刷新不了的解決方法，感興趣的朋友跟隨小編一起看看吧
問題是 微信小程序中 列表頁面下拉刷新 ，頂部不顯示三個小點(diǎn)的刷新狀態(tài)，如下圖：
解決后：
1 微信小程序?qū)崿F(xiàn)下拉刷新
1.1 首先是在對應(yīng)的頁面 json 中添加配置
核心：
"enablePullDownRefresh":true, "backgroundTextStyle": "dark"
完整的
{
"usingComponents": {},
"navigationBarTitleText": "采集列表",
"enablePullDownRefresh":true,
"backgroundTextStyle": "dark"
}1.2 然后在頁面對應(yīng)的js中 處理 onPullDownRefresh 函數(shù)
/**
* 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作
*/
onPullDownRefresh: function () {
this.onRefresh()
},
onRefresh:function(){
//導(dǎo)航條加載動畫
wx.showNavigationBarLoading();
//重置分頁加載頁面
this.data.current_page=1
//網(wǎng)絡(luò)請求數(shù)據(jù)
this.getManagerSampleListFunction()
//超時隱藏
setTimeout(function () {
wx.hideNavigationBarLoading();
//停止下拉刷新
wx.stopPullDownRefresh();
}, 2000);
},本次分享使用的網(wǎng)絡(luò)請求框架為 fly 框架，會在近期給大家分享
//網(wǎng)絡(luò)請求數(shù)據(jù)
getManagerSampleListFunction() {
api.fetchManngerSampleList().then(res => {
//停止下拉刷新
wx.hideNavigationBarLoading();
//停止下拉刷新
wx.stopPullDownRefresh();
//處理數(shù)據(jù)
if (this.data.current_page == 1) {
} else {
}
})
},到此這篇關(guān)于微信小程序下拉刷新組件加載圖片(三個小點(diǎn))不顯示刷新狀態(tài)的問題的文章就介紹到這了,更多相關(guān)小程序下拉刷新不了內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了JavaScript構(gòu)建自己的對象,結(jié)合實(shí)例形式分析了javascript自定義類的定義與對象的實(shí)例化相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了RequireJS多頁面應(yīng)用實(shí)例分析的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
本文介紹了如何使用微信小程序技術(shù)制作個性化的婚禮邀請函,包括頁面布局、交互設(shè)計和多媒體資源整合,詳細(xì)闡述了從功能需求到頁面設(shè)計、測試優(yōu)化以及發(fā)布流程的全面開發(fā)步驟,通過本項(xiàng)目,可以提升創(chuàng)意設(shè)計和用戶體驗(yàn)優(yōu)化的能力,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了微信小程序之分享頁面如何返回首頁的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
微信小程序開發(fā)之麥克風(fēng)動畫 幀動畫 放大 淡出
本篇文章主要介紹了微信小程序開發(fā)之麥克風(fēng)動畫：幀動畫、放大、淡出的相關(guān)資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
今天在為網(wǎng)站增加一些代碼功能的時候，需要用到if條件判斷，發(fā)現(xiàn)簡寫方法忘了，這里特整理下2014-05-05
詳解Chart.js輕量級圖表庫的使用經(jīng)驗(yàn)
這篇文章主要介紹了詳解Chart.js輕量級圖表庫的使用經(jīng)驗(yàn)，Chart.js很容易上手，只需要在頁面中引用腳本文件，并創(chuàng)建 <canvas> 節(jié)點(diǎn)即可渲染出圖表，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
在 TypeScript 中,!?和???是兩個非常重要且常用的操作符,分別用于非空斷言和可選鏈操作,下面就來具體介紹一下如何使用,具有一定的參考價值,感興趣的可以了解一下2025-02-02
JavaScript對象創(chuàng)建模式實(shí)例匯總
這篇文章主要介紹了JavaScript對象創(chuàng)建模式,結(jié)合實(shí)例形式總結(jié)分析了JavaScript常見的對象創(chuàng)建模式,包括工廠模式、構(gòu)造函數(shù)模式、原型模式、動態(tài)原型模式、寄生構(gòu)造函數(shù)模式、穩(wěn)妥構(gòu)造函數(shù)模式等,需要的朋友可以參考下2016-10-10
Javascript獲取background屬性中url的值
Javascript獲取CSS中屬性值方法有很多，今天工作的時候遇到了一個問題是需要利用Javascript獲取css中background-img屬性url的值，通過查閱網(wǎng)站的資料找到了解決方法，現(xiàn)在將方法分享給大家，有需要的朋友們們可以參考借鑒，下面來一起看看吧。2016-10-10