vant实现上拉加载下拉刷新的效果
vant实现上拉加载下拉刷新的效果
<template>
<div class="onLoad">
下拉刷新,上拉加载更多<br>
<van-search
v-model="searchVal"
show-action
placeholder="请输入搜索关键词"
@search="onSearch"
>
<template #action>
<div @click="onSearch">搜索</div>
</template>
</van-search>
<van-button type="primary">搜索</van-button>
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="onLoad"
>
<div class="content-box" v-for="(item,index) in list" :key=