在使用Element-UI的InfiniteScroll 无限滚动时,怎么让该组件放在一个div中执行
时间: 2023-11-28 10:49:27 浏览: 128
使用Element的InfiniteScroll 无限滚动组件报错的解决
要让 `InfiniteScroll` 组件在一个 `div` 中执行,可以将该组件绑定在该 `div` 上。示例如下:
```html
<template>
<div class="scroll-wrapper" v-infinite-scroll="loadMore">
<!-- 这里是滚动加载的内容 -->
</div>
</template>
<script>
export default {
methods: {
loadMore() {
// 加载更多数据
}
}
}
</script>
```
在上面的例子中,`v-infinite-scroll` 指令绑定在 `.scroll-wrapper` 这个 `div` 上,表示当该 `div` 滚动到底部时,触发 `loadMore` 方法加载更多数据。你可以根据实际需求修改 `loadMore` 方法的实现。
阅读全文