使用Element UI的InfiniteScroll时，如何避免按需引入带来的潜在兼容性问题？

本文共计334个文字，预计阅读时间需要2分钟。

为了节省空间，通常需要引入节省空间的元素。以下是一份简化的介绍：元素中按需引入无限滚动指令，注意相关事项。针对Element UI的按需引入配置，此处不再详述。

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

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

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

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

<template> <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto"> <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>

这里你们可能嘲讽我，为啥把代码复制过来，哈哈，这只是为了更加方便。