element-ui,InfiniteScroll 无限滚动, 无限加载load问题。
直接复制组件使用,会无限加载load。
解决方法: 为ul的父级div 添加style="overflow-y:hidden"
<template>
<div style="overflow-y:hidden">
<ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
</ul>
</div>
</template>
<script>
export default {
data () {
return {
count: 0
}
},
methods: {
load () {
this.count += 2
}
}
}
</script>