微信小程序下拉加载更多（2） 暂无数据

最新推荐文章于 2021-06-13 20:32:01 发布
最新推荐文章于 2021-06-13 20:32:01 发布
阅读量2.2k 收藏 9
点赞数 1
分类专栏： 教程 笔记 文章标签： html html5 css 小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43541326/article/details/106575447
版权

接着上个博客

当我们数据没有以后要出来一个暂无数据来提醒

最下面放一个暂无数据试图 然后wx:if 写一个条件让他先隐藏 等数据没有了以后 让他显示
在这里插入图片描述
下面开始编写代码 使用一个笨方法

给一个false 让上面的先隐藏
在这里插入图片描述
我定义俩个数据， 一个存放当前数据的长度 一个存放所有数据的长度
（当当前的数据长度等于所有数据的长度时候让暂无数据显示出来）
在这里插入图片描述
将当前数据的长度赋值给我们定义的 all_list
在这里插入图片描述
这个是查询所有的数据的长度 赋值给 all_data
在这里插入图片描述
然后我每次下拉打印一下 if判断 当当前的数据长度等于全部数据长度时候
bottom 设置为true （让他显示）
在这里插入图片描述
效果
在这里插入图片描述

不想秃头i
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小白学习微信小程序的下拉刷新和上拉加载更多
吃不胖.
05-01 299
下拉刷新和上拉加载更多是微信小程序常用的功能，可以提升用户体验。下面将为您详细介绍如何实现这两个功能。
【小程序】没有数据时，友好提示
Milk~每天分享一点点，技术进步一点点
08-25 1000
没有数据时，友好提示 第一版本 先看效果： 代码目录： 代码演示： index.html <view class="noMessages" wx:if="{{!messageList.length}}"> <image src="../../images/空.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image> <view class="noMessages-te
微信小程序暂无数据组件封装
04-23 4073
微信小程序暂无数据组件封装 组件页面： <!--components/noData/noData.wxml--> <view class="noData"> <image src="/images/404.png" mode="widthFix" class="noDataImg"></image> <slot></s...
微信小程序页面不显示数据问题
flyinglxr的专栏
06-13 3528
今天tiaos this.setData({ windowtype:this.data.windowtype });
微信小程序 - 空数据、网络加载失败 组件
iotjin的专栏
11-19 2318
demo 地址: https://github.com/iotjin/Jh_weapp 效果图： ##使用说明 1. usingComponents 添加 "EmptyView": "./components/empty-view/index", 2. wxml 添加组件 //不带按钮 <EmptyView wx:if="true"></EmptyView> <EmptyView wx:if="true" info="暂无数据2"></EmptyV.
微信小程序空白占位
jpjp2020的博客
05-26 5000
使用text标签，设置decode=“true” <text class="info-name">公司名称：</text> <text class="info-name" decode="true">二&ensp;维&ensp;码：</text>
微信小程序例子 下拉加载更多
11-08
在“微信小程序例子 - 下拉加载更多”这个项目中，我们主要探讨的是如何在微信小程序中实现下拉刷新和上拉加载更多的功能，这在数据流丰富的应用中非常常见，如社交媒体、电商应用等。 1. **下拉加载**：当用户滚动...
微信小程序加载更多 点击查看更多
09-01
主要为大家详细介绍了微信小程序加载更多,点击查看更多功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序实现下拉加载更多的源码
11-10
加载更多（分页加载） 当用户打开一个页面时，假设后台数据量庞大时，一次性地返回所有数据给客户端，页面的打开速度就会有所下降，而且用户只看上面的内容而不需要看后面的内容时，也浪费用户流量，基于优化的...
微信小程序列表下拉刷新加载更多
05-04
微信小程序列表下拉刷新加载更多微信小程序列表下拉刷新加载更多微信小程序列表下拉刷新加载更多
微信小程序下拉刷新上拉加载组件
01-27
增加加载插槽可以自定义加载更多样式 前言 基于小程序原生组件scroll-view的扩展与封装,实现简单的上拉加载下拉刷新 扩展下拉刷新动画，有灵感的朋友可以丰富更多下拉动画 在线征集 在线征集下拉刷新动画创意,你可以...
解决微信小程序加载超大数据无法渲染空白的问题
Forty'7科技
10-16 3678
官方文档中 Page.prototype.setData(Object data, Function callback) setData函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的this.data的值（同步）。 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。 文档中写的是单次设置，但咋使用过程中发现分批次设置达到这个值也依然无法渲染数据，此时的解决方案，一般就是只显示能渲染的条数，或改成翻页，不能无限加载更多，从此看来，还是不够理想，查了半天没有找到答案，特此...
微信小程序封装空白页组件
CaiLin_Liu的博客
12-17 912
在实际项目开发中，封装一个空白页组件，当页面没数据的时候，可以显示空白页，并且可以根据调用组件传的值不一样，图片，文字和按钮文字页不一样，代码就直接粘贴啦 首先要明白： Component构造器 Component构造器可用于定义组件，调用Component构造器时可以指定组件的属性、数据、方法等。（这个不懂的，可以去微信公众平台-框架-自定义组件）中去了解概念 WXML: <vi...
微信小程序 - wx:if 判断一个数组中是否为空（判断是否有数据）
热门推荐
王佳斌
09-03 1万+
前言 有这么一个需求，当服务器返回的数据为空时，则证明没有数据，那么前端就应该展示一个如下图所示的区块，来友好提示用户。 实现 判断方法有很多，这里我只谈我认为最简单且代码最简洁的方案。 直接判断数组长度，如果等于 0 则就证明无数据，具体代码如下： /* * 假设服务器返回的数据是一个数组(Arr) * Arr: [ {}, {} ] */ <view wx:if="{{ Arr.length == 0 }}">...</view> ...
页面一次性加载数据过多时，页面卡死怎么办
铃儿响叮当
09-16 1万+
问题：当后端一次性返回数据(array)过多时（例如1000条或者更多），会导致页面卡顿 优化思路：将这1000条数据划分为多个小数组，然后一段一段的加到页面上 解决方案：利用window.requestAnimationFrame()或者setInterval() 示例：以window.requestAnimationFrame()为例 window.requestAnimationFrame()告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要.
设置ListView无数据的时候显示TextView暂无数据
llixiangjian的博客
05-11 5150
package com.example.lixiangjian.myapplication; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.AdapterView; import android.w
小程序空布局 非侵入（加载中、加载失败、数据为空）
小稀革
06-17 2229
# SmallProgramEmptyLayoutDemo程序必用的空布局（包含加载中、加载为空、加载错误、自己的布局）。完全不影响其他逻辑git地址：https://github.com/xiaoxige/SmallProgramEmptyLayoutDemo# 介绍  空布局， 包含记载中、加载为空、加载错误。 自己还是和原来那样开发小程序那样， 只是在你要使用空布局的根布局使用empty-l...
微信小程序 下拉加载监听事件
最新发布
09-09
微信小程序中，可以使用onReachBottom来监听下拉加载事件。当页面滚动到底部时触发该事件，可以在该事件中进行相应的数据加载操作。 例如，在页面的Page对象中添加以下代码： ```javascript Page({ // 其他页面...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值