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

element-ui 的 infinitescroll 为何在 infinite-scroll-immediate=

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” 时仍触发加载方法?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2661888.html

(0)
上一篇 2025年3月7日 11:06:47
下一篇 2025年2月18日 04:30:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论