element UI中 InfiniteScroll 无限滚动 组件触底失效问题排查

• 参照官方文档 InfiniteScroll 禁用加载 后还是有问题
• 触底失效 表现形式：数据 一直加载，直到 所有数据都加载完成，正常 应该是一页数据加载完，如果 没有触底 ，就 不再继续加载 了；
• 【注意】嵌套盒子 的问题，触底触的是 v-for 循环的内容的亲父节点 的底，亲父节点需设置 overflow：auto'; 否则触底会失效。
  • 我遇到过一个问题：循环的内容确实可以滚动，但是触底还是失效，经过一系列的排查后发现 v-for 循环内容的亲父节点 有 固定高度，但是 没有设置溢出滚动，滚动的是 v-for 循环内容的亲父节点的亲父节点 ，也就是循环的内容的 爷爷节点 ，所以触底会失效。