element plus Infinite Scroll 无限滚动

欢迎关注我的公众号：夜说猫，让一个贫穷的程序员不靠打代码也能吃饭~

element plus官网中，Infinite Scroll示例使用的是数字，在实际项目运用中，我们更多的是使用json数组进行渲染，所以我们改写v-infinite-scroll属性的load方法。

v-infinite-scroll在使用之前，有两点要注意

1、在加载页面的时候，element plus会根据容器的高度，自动调用v-infinite-scroll后面的方法，让数据自动填充整个容器。

所以你会发现，自己明明只默认两个或三个数据，但是数据总是填满了容器，出现了更多个数据。

2、要使用ref()方法赋值，成为一个响应式的变量，对这个变量进行修改节点才会响应变化。

如果没有使用ref()方法，数据不会实时监听。

以上两点，在官网都没有提到，至少在这个组件的介绍的页面没有提到。

是初学者容易遇到的坑。

修改示例代码，使用数组

效果预览

欢迎关注我的公众号【夜说猫】，一个程序员偶尔发牢骚的公众号。