和element ui 无限加载

[xfwduke]

Version

vue-infinite-loading@2.4.4

Vue.js version

vue@2.6.10

element ui version

element-ui@2.7.2

Reproduction Link

http://jsfiddle.net/xfwduke/j37fucv9/

Steps to reproduce

快速的把滚动条滚动到最下面，就卡住一直加载

What is Expected?

What is actually happening?

只要用 .el-table{ posisiton: static } 覆盖掉原有的 relative, 滚动条就能正常工作。

另外，即使用 static 覆盖， 如果把 el-table放置在el-container或者el-main中，页面加载后直接一直触发数据加载，这个还没搞清楚原因

还有个问题，如果按照文档的指引使用了 force-use-infinite-wrapper=".el-table__body-wrapper" , 页面加载后也是直接一直触发

[xfwduke]

Update:

<style>
  .el-table {
    position: unset !important;
  }

  .el-main {
    overflow: unset !important;
  }
</style>

用上面的代码覆盖掉默认的css, 可以正常工作

[amangqq]

Update:

<style>
  .el-table {
    position: unset !important;
  }

  .el-main {
    overflow: unset !important;
  }
</style>

用上面的代码覆盖掉默认的css, 可以正常工作

添加了样式，还是不停的加载啊，请问有全部代码吗？

[LittleHChen]

@amangqq @xfwduke 我遇到同样的问题，但是我找到解决方法了 我们在请求里边习惯用push，会导致数据一直处于更新状态 而在官方实例中使用的是concat，这样就可以避免这个问题

[PeachScript]

@xfwduke 描述中提供的 demo 与文档中的 demo 不是同一种场景，后者是使用固定高度的 Table 组件、Table 内容区域的场景下，才需要使用 force-use-infinite-wrapper 强制指定滚动父级元素；而前者是直接使用自动高度的 Table，此时其实无需将 infinite-loading 放入 append 插槽中，直接放到 el-table 的后面即可。

至于 position导致的无限触发问题，确实有些诡异，估计是某些 CSS 特性触发的，我再继续研究下，如果你找到了原因也请同步到这里，感谢。

[PeachScript]

@amangqq 如果问题仍然存在，请提供一个 Live Demo 以便排查

[PeachScript]

@LittleHChen 这个问题理应与 重新赋值 还是 push 无关，可能是别的因素达成了『已解决』的结果

[jimmyyao88]

Update:

<style>
  .el-table {
    position: unset !important;
  }

  .el-main {
    overflow: unset !important;
  }
</style>

用上面的代码覆盖掉默认的css, 可以正常工作 lifesaver

[Hanswf]

请问，如果如果有固定头，固定列fixed，这种情况应该绑定哪个元素？如果还是绑定el-table__body-wrapper，会导致界面错位

[kyxiao]

是只能用$state吗，换成别的就不好使了