Element-UI 的 InfiniteScroll 为何在 infinite-scroll-immediate=\"false\" 时仍触发加载方法？

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《Element-UI 的 InfiniteScroll 为何在 infinite-scroll-immediate=\"false\" 时仍触发加载方法？》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

Element-UI InfiniteScroll 不触发方法？

在使用 Element-UI 的 InfiniteScroll 时，用户遇到这样的问题：明明设置了 infinite-scroll-immediate="false"，却还是触发了 load 方法。

经过调试，发现这个 value 永远都是 true，但用户明明传递的是 false。

接着，用户查看了 Vue 的源代码，发现对 DOM 的 attribute 有一段处理，其中提到 false 的值会被移除掉。

这导致 Element-UI 获取到的 value 永远是 null，最终取了默认值 true。

因此，问题在于 InfiniteScroll 的属性实际上是 DOM 的 attribute，而不是 props。而 Vue 会将属性转成字符附加到 DOM 上，导致 false 被转成了 ''，最终又被 DOM 转换为了 true。

虽然文档中将这些属性写出了类型，但由于其并非真正的 props，所以在使用时很容易被误认为是 props 而传入布尔值，从而出现上述问题。因此，可以将锅甩给 Element-UI 的文档说明不足。

好了，本文到此结束，带大家了解了《Element-UI 的 InfiniteScroll 为何在 infinite-scroll-immediate=\"false\" 时仍触发加载方法？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！