下拉刷新這個(gè)問(wèn)題，查了老半天。
我這只小菜雞，完全不知道view和scroll-view是不一樣的！
問(wèn)題現(xiàn)象：
按照官網(wǎng)的方式，
1. 在 pages.json 里，找到的當(dāng)前頁(yè)面的pages節(jié)點(diǎn)，并在 style 選項(xiàng)中開(kāi)啟 enablePullDownRefresh: true
2. 在頁(yè)面中使用uni.startPullDownRefresh();以及uni.stopPullDownRefresh();
可是可是，我在瀏覽器調(diào)試是正確的，下拉刷新loading以及打印的log完全沒(méi)問(wèn)題，但是打包成app裝在手機(jī)里就不行了，下拉完全沒(méi)效果。
解決過(guò)程
view中使用onPullDownRefresh：
如果你用的view組件，那使用官網(wǎng)提供的onPullDownRefresh方法是沒(méi)有問(wèn)題的，代碼如下：
onPullDownRefresh() {
uni.startPullDownRefresh({
success() {
uni.showToast({
title: "下拉刷新",
icon: 'none'
})
},
complete() {
uni.stopPullDownRefresh()
}
});
},
但如果在scroll-view中使用，是沒(méi)有效果的！
scroll-view中使用@refresherrefresh
鏈接提供給大家，可以看下scroll-view的使用文檔。原來(lái)scroll-view有一套自己的刷新方法。
- refresher-enabled設(shè)置為true
- 定義refresher-triggered，也就是刷新開(kāi)始和結(jié)束的標(biāo)志
- 寫@refresherrefresh方法
代碼如下：
<!-- html -->
<scroll-view refresher-enabled="true" :refresher-triggered="trigger" @refresherrefresh="refresherrefresh"></scroll-view>
// js
refresherrefresh() {
this.trigger = true;
this.doSomething(); // 調(diào)用你的方法
setTimeout(() => {
this.trigger = false;
}, 1000);
},
打包，大功告成，完美解決。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-669004.html
還不快去試試！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-669004.html
到了這里，關(guān)于uni-app在app端設(shè)置下拉刷新不生效的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
