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