微信小程序分页，底部下拉事件，小程序数组拼接

最新推荐文章于 2024-06-26 13:55:12 发布

jayLog

最新推荐文章于 2024-06-26 13:55:12 发布

阅读量1.3k

点赞数

分类专栏：知识累计避坑宝典文章标签：小程序分页数组拼接底部下拉事件 onReachBottom不触发 concat

本文链接：https://blog.youkuaiyun.com/jayLog/article/details/103270791

版权

知识累计同时被 2 个专栏收录

13 篇文章

订阅专栏

避坑宝典

4 篇文章

订阅专栏

不废话直接开始；

1,准备好两页的数据，假设是两个数组

data: {
	let arr1 = [1,1,1,1,1,1,2];
	let arr2 = [0,0,0,0,0,0,6];
}

2,接着添加底部上拉事件；onReachBottom

  ![onReachBottom: function () {
    let arr2 = this.data.arr2;
    let arr1 = this.data.arr1;
    console.dir(arr1);
    let res = arr1.concat(arr2);
    this.setData({
      arr1:res
    })
    console.log(arr1);
  },](https://img-blog.csdnimg.cn/20191127103216386.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pheUxvZw==,size_16,color_FFFFFF,t_70)

3,接着我们刷新页面，触发底部上拉事件;

看到每次触发事件，数组长度都增加了7个，且追加的内容就是arr2的内容；输出结果

然后是题外话，onReachBottom不触发。有时候你写了底部上拉触发事件，且没有错，但是底部上拉之后，事件没有触发。一头雾水找不到问题；
问题可能有几个
1,onReachBottom 事件是小程序页面自带的，自己在定义一个的话；后一个会覆盖前一个；检查下后面的自带函数里面是不是有了onReachBottom；
2, 高度不够滚动条不显示.
3, 高度值不合法，page元素高度设置为100%。如果父元素没有固定高度，子元素不能设置height:100%;