使用Vant的PullRefresh组件和List 组件
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<van-list
v-model="loading"
:finished="finished"
@load="onLoad"
:offset="10"
:immediate-check="false"
>
<div id="list-content">
<div v-for="(item,index) in data" class="newsContent" :key="index">
<p class="new_title" >{
{item.title}}</p>
<img :src=item.img_url>
<p class="articles" v-html="item.content">{
{item.content}}</p>
<p class="source">{
{item.create_time}}</p>
</div>
</div>
</van-list>
</van-pull-refresh>
vant-pill-refresh实现下拉刷新,vant-list实现上拉加载
export