这篇文章主要讲解了element中InfiniteScroll按需引入的注意事项，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

大家为了节省空间，常常进行按需引入来节省空间，这里我给大家来介绍一下element中按需引入无限滚动指令注意的事项。

针对前面element 按需引入的一些配置这里就不再详细介绍了。
那么这里讲的是在main.js写入以下代码。

import { InfiniteScroll } from 'element-ui';Vue.use(InfiniteScroll)

好，这样引入、注册了，那么我们接下来做得事情就是在页面使用它。

<template> <ul class="infinite-list" v-infinite-scroll="load" > <li v-for="i in count" class="infinite-list-item">{{ i }}</li> </ul></template><script> export default { data () { return { count: 0 } }, methods: { load () { this.count += 2 } } }</script>

这里你们可能嘲讽我，为啥把代码复制过来，哈哈，这只是为了更加方便。这里注意的是一定要给容器加上overflow:auto或者overflow:hidden,

给容器加上滚动条，这样就不会报错。

看完上述内容，是不是对element中InfiniteScroll按需引入的注意事项有进一步的了解，如果还想学习更多内容，欢迎关注亿速云行业资讯频道。