小程序如何给view层追加数据

最新推荐文章于 2024-03-05 09:54:44 发布
最新推荐文章于 2024-03-05 09:54:44 发布
阅读量3.4k 收藏
点赞数
分类专栏： 小程序 文章标签： view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ligang7765341616/article/details/78583064
版权

做阅读类的小程序 总会遇到目录展示 ，但是不可能全部展示啊，也是分页的效果，
当我滑动到底部时加载第二页。在pc的时候我们可以不展示第一页的数据，就展示第二页的数据，但是在小程序却不可以，你得追加。不能把之前的数据给清洗掉了。但是小程序又是基于vue所以我们在模版里会替换上一次的data
比如这样 如下图

我们需要把原来的保留。肯定不能替换的。然后就想到了先把原来的数据循环出来 放一个新的数组中 然后把新加载的数据 再追加到这个数据中，可是这样好麻烦，
而且还影响速度，最后找到了一个办法。直接上图

对视apply这个方法无线好用

liqihao-kevin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序点击view动态添加样式过程解析
10-15
主要介绍了微信小程序点击view动态添加样式过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
将数据存放到viewdata_10. 零基础搭建小程序：模板语法—数据绑定（2）
weixin_39802519的博客
12-04 114
图文版大家好！欢迎来到手把手教你零基础搭建小程序的课堂，本章继续讲解数据绑定的基本用法~~~主要内容有以下两大块！一、普通写法（一）字符类型（二）数字类型（三）bool类型（四）对象类型二、组件属性一、普通写法（一）字符类型1、打开demo03文件夹--demo03.js文件为方便示范，将data值之外的函数均删除，只保留data部分，如下图所示：2、我们要把在左侧界面中需显示的内容，放在data...
微信小程序动态添加view组件的实例代码
10-16
本文通过实例代码给大家介绍了微信小程序动态添加view组件的方法，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
微信小程序View层向逻辑层传递数据——事件data-xxx
qq_26585943的博客
02-06 4956
1.微信小程序View层向逻辑层传递数据 1.什么是事件 1.事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 2.事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数 。 3.事件对象可以携带额外信息，如 id, dataset, touches。 2.传递单个传参：id Wxml：v
微信小程序开发系列（十七）·事件传参·mark-自定义数据
最新发布
时光の尘的博客
03-05 1480
通过事件对象获取到的是 触发事件的节点 以及父节点身上的所有 mark 数据微信小程序开发_时光の尘的博客-CSDN博客。
微信小程序scroll-view组件实现滚动动画
08-28
微信小程序 scroll-view 组件实现滚动动画 微信小程序 scroll-view 组件是一种常用的滚动容器组件，通过设置 scroll-into-view 和 scroll-with-animation 属性可以实现滚动动画效果。在本文中，我们将详细介绍如何...
小程序Scroll-view上拉滚动刷新数据
10-15
总的来说，实现小程序 `Scroll-view` 上拉滚动刷新数据的关键在于正确配置 `Scroll-view` 组件的事件监听，以及在对应的事件处理函数中进行数据的获取和更新。同时，合理的数据状态管理和用户体验优化也是必不可少的...
微信小程序之cover-view
03-29
最近公司有个项目需要用到小程序的map组件，要实现一个类似摩拜红包车的信息弹框,简单说就是在map组件上添加自定义view。  摩拜红包车 (此图片来源于网络，如有侵权，请联系删除! ) 直接在map上使用view，image等是...
微信小程序实现多选删除列表数据功能示例
10-17
在微信小程序中，实现多选删除列表数据功能是一项常见的需求，尤其适用于需要用户进行批量操作的场景，如管理错题本、购物车等。以下将详细介绍如何在微信小程序中实现这一功能。 首先，我们需要创建一个包含列表...
微信小程序自定义弹出层效果
10-15
在微信小程序中，自定义弹出层是一种常见的交互设计，用于显示临时性的信息或功能，如登录、选择、提示等。本教程将详细介绍如何在微信小程序中实现自定义弹出层的效果。 首先，我们需要理解微信小程序的基本结构，...
微信小程序-云数据库开发
周红伟讲AI
07-20 1061
云数据库
微信小程序项目实录三——web-view上添加自定义内容
王等等csdn的博客
03-24 1466
web-view: 承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。 在项目中用它加载h5页面，因为他会占满整个页面，所以开始考虑使用cover-view来在容器之上覆盖一个图标按钮 <web-view src="{{url}}"> <cover-view class="btns"> <cover-image class="btn" src="/resources/view/btn.png" bindtap="handleTo"></c
微信小程序云开发入门-数据库插入数据（包含批量）
SuperYang的博客
10-21 7706
本文简单介绍了小程序云开发中插入数据以及批量插入数据的常用做法，希望能够给你带来一定的帮助。
小程序 动态添加数据并显示
diaofei4818的博客
05-03 862
1.通过后台接口获取数据遍历展示 <view class='comment_content' wx:for='{{comment}}' wx:for-item='item'> <view class='comment_user'> <image src='{{item.user_photo}}'></image> <view&...
微信小程序 数据访问实例详解
热门推荐
zgmu的专栏
11-25 5万+
先简单说一下，小程序的结构 如图所示 1、每个视图(.wxml)只需要添加对应名字的脚本（.js）和样式（.wxss）就可以了，不需要引用，page下面的脚本以及样式都是继承至最外面的app.js , app.wxcss 2、脚本也就是.js文件，他有固定格式：page，是用于获取数据的 3、utils是用来放置数据接口的 数据访问，如果懂点ajax，都不是问题，没啥好讲的 微
微信小程序开发之数据请求加载
这是我的博客
06-15 1万+
开发中不可避免会与后台进行多条、多次的数据传递，那我们该如何来将这部分的数据加载进行公共方法进行调用呢，下面就直接上代码啦~ loadList: function (event) { if (hadLastPage != false) { wx.showToast({ title: '到底啦', }); return; } ...
小程序如何获取data- 的值、事件传参的方式
m0_66051368的博客
06-14 3661
dataset
微信小程序 数据绑定
Blue的博客
05-22 990
数据绑定WXML中的动态数据均来自对应Page的data。简单绑定数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于：内容&lt;view&gt; {{ message }} &lt;/view&gt;Page({ data: { message: 'Hello MINA!' } })组件属性(需要在双引号之内)&lt;view id="item-{{id}}...
小程序里面对后台返回的数据添加新的字段
Andybfw的博客
06-22 5644
1，在写小程序的时候，发现xml里面显示的数据在一个item的list的数组里面。比如
微信小程序修改scroll-view展示的数据
08-18
3. 在小程序的逻辑文件中找到对应的页面逻辑代码，在onLoad或者其他合适的生命周期函数中初始化该变量，并将需要展示的数据赋值给它。 4. 在scroll-view组件中绑定该变量到对应的数据源上，例如使用wx:for指令绑定...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值