vue中实现列表的懒加载(点击加载更多和滚动加载更多)
1.点击加载更多<h3>列表的懒加载</h3><div v-for="(item, index) in list" :key="index"><div>{{item.id}}</div></div><div><button v-if="moreShowBoolen" @click="moreShow">
·
1.点击加载更多
<h3>列表的懒加载</h3>
<div v-for="(item, index) in list" :key="index">
<div>{{item.id}}</div>
</div>
<div>
<button v-if="moreShowBoolen" @click="moreShow">点击查询更多</button>
<div v-else>已无更多</div>
</div>
2.滚动加载更多
<h3>列表的懒加载--滚动</h3>
<div>
<div v-for="(item, index) in list" :key="index">
<div>{{item.id}}</div>
</div>
</div>
<div>
<div v-if="moreShowBoolen">tips:滚动加载更多</div>
<div v-else>已无更多</div>
</div>
tips:这里面用的请求接口是通用的,详情查看JSONPlaceholder
更多推荐
已为社区贡献1条内容
所有评论(0)