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

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\" 时仍触发加载方法？的详细内容，更多请关注其它相关文章！