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">点击查询更多</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