最终选择了适用scroll-view自带的滚到底部触发事件scrolltolower事件,虽然这个事件确实能够实现上拉加载数据分页的功能,但是这个是事件存在两个问题。第一个问题就是当滚动条滚动到底部时会多次触发scrolltolower事件,第二个问题是当页面由第一个scroll-view(该页面已经到了的最底部了)切换到第二个scroll-view时会自动...
1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。 2、父容器最好也指定高度 下面通过举例来说明 <template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom"> //省略内容 </scroll-view> </view> </template> ...
有一个项目需求,顶部导航固定,下边的列表可以上下滑动,这里我选择的是flex布局,导航的高度固定,列表的高度,宽度flex:1;overflow:auto;此时,项目需要加一个上拉加载的事件,我就用到了scroll-view中的@scrolltolower事件,滑动到底部触发,但是加上后,试了半天,事件就是不触发,后来百度了半天,才找到了这个坑 首先scrol...
使用bindscrolltolower 绑定请求下一页的方法即可,但是使用scroll-view标签的话,会影响onPageScroll 函数的使用,也就是说我们获取不到页面滚动的高度 lower-threshold number/string 距底部/右边多远时,触发 scrolltolower 事件 bindscrolltolower eventhandle 滚动到底部/右边时触发...
uni-app中scroll-view中无法滚动的问题 2019-12-19 11:47 −1 scroll-y设置为true,在小程序,web都可以滑动,实现上拉加载 2 在手机上无法触发滑动加载,此时要给scroll-view一个高度,就可以解决。 ... lxgwxq 0 17567 uni-app中使用scroll-view滚到底部时多次触发scrolltolower ...
uni-app中使用scroll-view滚到底部时多次触发scrolltolower 2019-12-08 20:39 −一、前言、scroll-view基本属性: 前言: 前段时间使用scroll-view可滚动视图区域容器来做多个不同内容的展示(在我这个页面中同时使用了三个scroll-view做数据展示),因为这几个展示的内容的数据都比较的多,因此为了页面的数据加载顺畅...
@scrolltolower="bottomOut()"是scroll-view的触底触发事件 <scroll-view :scroll-y="true" class="scrollView" @scrolltolower="bottomOut()"> <view class="dayDataListBigBox" v-for="(item, index) in datas" :key="index"> item.xx循环渲染的数据 ...
@scrolltolower="lower"> <view></view>//这里是你自己的item list </scroll-view> 1. 2. 3. 4. 5. 需要注意的是 scroll-view一定要给固定高度 根据自己的需求进行计算得到即可 js部分的代码 data(){ return{ scrollTop: 0, isEnd: false, ...
实现原理基于uniapp的@scrolltolower事件，当页面滚动到最底部时，系统触发该事件，开发者可以在此处编写代码，加载更多数据，实现滚动触底加载。实战操作如下：首先，设计模板页面，使用uni-app框架提供的组件进行布局。接着，编写样式代码，确保页面美观、易用。在JavaScript脚本中，添加监听滚动到底部的代码，...