首页 时政热点 科技头条 智能AI 安全攻防 数码硬件 开发者生态 汽车 游戏 社会热点 开源推荐 医疗健康 归档 标签 关于

小程序界面问题:分页下拉不了,如何解决?

2026-09-22 1 阅读 约3分钟阅读
分享:
字号:
我在学习怎么写小程序,但是学到分页之后,我发现可以下拉,上拉不了,在右边页面里面,我在控制台里面写了触底提升,但是没有显示,不知道原因,问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?'加载中':'没有更多数据了' }) }, failed:()=>{ wx.showToast({title:'网络错误',icon:'none'}) } }) }, onReachBottom(){ console.log("触底了") this.getList() }, onPullDownRefresh(){ this.setData({ page:1, hasMore:true, list:[], loadingTip:'加载中' }) this.getList() wx.stopPullDownRefresh() } }) wxml: {{item.title}} {{loadingTip}} wcss: .item { padding: 40rpx 30rpx;边框底部:2rpx 实心#eee;字体大小:30rpx; } .load-tip { 填充:30rpx;文本对齐:居中;颜色:#999;字体大小:26rpx; } json:{ "enablePullDownRefresh": true, "backgroundTextStyle": "dark" } 改变了样式,把屏幕铺满,没用,下拉不了增加输出的数量,不行,下拉不了希望解决:控制台输出问题 下拉问题
这篇文章对您有帮助吗?

订阅66必读

每日精选科技资讯,直达你的邮箱