技术社区SegmentFault 技术问答
小程序界面问题：分页下拉不了，如何解决？
我在学习怎么写小程序，学到分页之后，我发现可以下拉，但是上拉不了，在右侧页面里面，我在console里面写了触底提升，但是没有显示，不知道原因，问AI也解决不了 js：Page({ data:{ list:[], page:1, pageSize:20, hasMore:true, loadingTip:"加载中" }, onLoad(){ this.getList() }, getList(){ if(!this.data.hasMore) return wx.request({ url:'https://js…
内容摘要
我在学习怎么写小程序，学到分页之后，我发现可以下拉，但是上拉不了，在右侧页面里面，我在console里面写了触底提升，但是没有显示，不知道原因，问AI也解决不了
js：Page({
data:{
list:[], page:1, pageSize:20, hasMore:true, loadingTip:"加载中"
},
onLoad(){
this.getList()
},
getList(){
if(!this.data.hasMore) return wx.request({ url:'https://jsonplaceholder.typicode.com/posts', method:'GET', data:{ _page:this.data.page, _limit:this.data.pageSize }, success:(res)=>{ const newData=res.data const oldList=this.data.list this.setData({ list:oldList.concat(newData), hasMore:newData.length>=this.data.pageSize, page:this.data.page+1, loadingTip:newData.length>=this.data.pageSize?'加载中':'没有更多数据了' }) }, fail:()=>{ wx.showToast({title:'网络错误',icon:'none'}) } })
},
onReachBottom(){
console.log("触底了") this.getList()
},
onPullDownRefresh(){
this.setData({ page:1, hasMore:true, list:[], loadingTip:'加载中' }) this.getList() wx.stopPullDownRefresh()
}
})
wxml：
<view class="item" wx:for="{{list}}" wx:key="id">
<text>{{item.title}}</text>
</view>
<view class="load-tip">{{loadingTip}}</view>
wcss：
.item {
padding: 40rpx 30rpx;
border-bottom: 2rpx solid #eee;
font-size: 30rpx;
}
.load-tip {
padding: 30rpx;
text-align: center;
color: #999;
font-size: 26rpx;
}
json：{
"enablePullDownRefresh": true,
"backgroundTextStyle": "dark"
}
改变了样式，把屏幕铺满，没用，下拉不了
增加了输出的数量，不行，下拉不了
希望解决：console输出问题
下拉问题
资讯来源
SegmentFault