uniapp中不铺满全屏滚动加载更多

news2026/3/19 5:14:50

uniapp中滚动加载更多搜索框的部分固定不动下部分下拉加载更多添加 scroll-viewscroll-view v-iflist.length 0 classitempages scroll-ytrue scrolltolowerloadMore styleheight: 63vh; view classboxitem v-for(item,index) in list :keyindex view classd_f1 item view classnames船中文名/view view classvaluees {{item.trawlerName}} text classxiangq渔船详情/text /view /view view classd_f1 item view classnames类型/view view classvaluees{{item.operationType 1 ? 进港 : 出港}}/view /view view classd_f1 item view classnames申请进港时间/view view classvaluees{{item.operationTime}}/view /view view classd_f1 item view classnames港口名称/view view classvaluees{{item.portName}}/view /view view classd_f1 item view classnames船员人数/view view classvaluees{{item.count}}人/view /view view classd_f1 item view classnames提交申请时间/view view classvaluees{{item.createTime}}/view /view view classd_f1 item view classnames审核状态/view view classvalueesview :class[statue, item.status 1 ? green : item.status 2? red : orange]{{item.status 1 ? 已通过 : item.status 2? 已驳回 : 待审核}}/view/view /view view classd_f1 itembtn v-ifitem.status 0 view classbtns clickbohui(item)驳回/view view classbtns clickpass(item)通过/view /view /view /scroll-viewloadMore() { // 加载更多数据 this.getList(false); }, async getList(flag) { // 如果是刷新或者第一次加载重置页码和列表 if (flag true) { console.log(重置页码和列表); this.pageNum 1; this.list []; } // 如果已经加载完所有数据不再请求 if (this.list.length this.total this.total 0) { this.showMore false return; } const params { pageNum: this.pageNum, pageSize: this.pageSize, }; if (this.loading) { return; } this.loading true; try { const result await operationRecordList(params); const list result.rows || []; list.forEach((item) { item.avatar Array.isArray(item.file) item.file.length ? item.file[0].url : ; }); // 如果是第一页直接赋值否则追加 this.list this.pageNum 1 ? list : [...this.list, ...list]; this.total result.total; // 加载成功后页码加1 this.pageNum; } catch (error) { console.error(加载数据失败:, error); } this.loading false; },

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2420981.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！