ElementUI中InfiniteScroll无法控制自动加载问题的解决

InfiniteScroll官方文档

使用官方文档中的禁用加载例子来说明

 <div class="first_left"><ulclass="list"v-infinite-scroll="load"infinite-scroll-disabled="disabled"infinite-scroll-distance="10"infinite-scroll-immediate="true"style="overflow:auto"><li v-for="i in count" v-bind:key="i" class="list-item">...内容...</li></ul><p v-if="loading" id="load_div">加载中...</p><p v-if="noMore">没有更多了</p></div>

问题1. 但是我使用之后，发现所有的数据是连续加载出来的，infinite-scroll-distance="10"控制加载距离这个属性并没有生效。具体远离不清楚，但是我自己测试的时候，发现原因为列表ul高度没有写死，因此影响了该属性生效。（如果有大神知道具体原理，期望留言告知，感激不尽。）
问题2. 按照上边设置后，我的项目出现如下问题：

由图可知出现的问题：两个进度条，一方面ul高度超过了父级，另一方面为了让infinite-scroll-distance="10"这条属性生效，还不能让ul自适应高度。
解决办法：style="overflow:auto"改为style="overflow:visible"，问题解决了，但是具体原理不知。（如果有大神知道具体原理，期望留言告知，感激不尽。）

ElementUI中InfiniteScroll无法控制自动加载问题的解决相关推荐

Element-UI中调用tinymce6实现本地化加载，并解决提示：This domain is not registered with TinyMCE Cloud，省去api-key
最新的tinymce会提示"This domain is not registered with TinyMCE Cloud",要求注册tinymce官方云才能下载所需组件类库. ...
在springboot中构建子模块却无法加载，如果解决？
第一步: 需要在父工程的pom.xml中引入子模块例如新创建的子模块名称为 comparison-controller 第二步: 需要在启动类的pom.xml中引入子模块例如新创建的子模块名称为 ...
php中ci的session自动加载报错
config.php中session配置如下 $config['sess_driver'] = 'files'; $config['sess_cookie_name'] = 'ci_session'; ...
php如何实现自动加载mp3,PHP中自动加载的几种实现
PHP自动加载是一个很有用的技巧,我们应该在项目中尽量使用autoload来减少维护类加载的工作. 使用__autoload 在使用PHP的项目中,如何实现自动加载对于新人总是一个很疑惑的问题,一般写 ...
计算机管理中没有vhd,电脑重启后新建的VHD虚拟硬盘不见了怎么办|如何设置使VHD硬盘开机自动加载...
‍ 我们可以通过系统自带的磁盘功能创建VHD虚拟硬盘,但是有用户发现电脑在重启之后,资源管理器中的VHD虚拟硬盘就不见了.对于这种现象,应该是电脑系统在开机后没有自动加载VHD硬盘的原因.那么,如何使 ...
在 AutoCAD 中如何自动加载 DLL
问题: 您创建或使用的应用程序存储在 DLL 文件中,但在自动加载的情况下,APPLOAD 函数不允许添加此类文件. 如何自动加载此类文件? 解决方案: A:要自动加载 DLL 文件,您可以按照以下步 ...
php之自动加载（懒加载）
有A类和B类,如果在A类实例化B类,最简单直接的方法就是在B中使用include require_once A的文件,但是这种方法显然是不友好的,在框架中叶不是这么做的,在框架中使用的是自动加载的机制 ...
PHP自动加载类和方法,在PHP中自动加载类的最佳方法
请,如果您需要自动加载类 – 使用命名空间和类名称约定与SPL自动加载,它将节省您的重构时间. 当然,您将需要将每个类作为对象进行实例化. 谢谢. 或者像这样(我在我的一个项目中): spl_auto ...
yii2 引入php文件,Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
本文实例分析了Yii2中YiiBase自动加载类.引用文件的方法.分享给大家供大家参考,具体如下: 在Yii2中这个函数是用来加载类的,没有直接引用文件的相关实现.但是这个也可以用来引用文件. pub ...

ElementUI中InfiniteScroll无法控制自动加载问题的解决

ElementUI中InfiniteScroll无法控制自动加载问题的解决相关推荐

最新文章

热门文章