2、写在<van-list>中的searchLoading属性,是上拉加载时专用的,值有两个true/false; searchLoading设置为true,表示上拉加载完毕,列表底部的"加载中..."会隐藏; searchLoading设置为false,表示正在上拉加载,列表底部的"加载中..."会显示。 image.png 3、写在<van-list>中的searchFinshed属性,表示数据是否已全部...
}else{this.currentPage++;letarr = res.data.data.list;this.Array=this.Array.concat(arr); };// 加载状态结束this.loading=false;// 数据全部加载完成if(this.Array.length>=this.dataTotal) {this.finished=true;//结束,显示我也是有底线的}; }); }...
data () { return { loading: false, // 显示加载更多 finished: false } } finished 的控制能正常,但 loading 无效 So-ForcommentedDec 31, 2020 @Ikarows理论上不会出现这样的情况,建议看下是否正确设置了 loading 代码是这样的: <van-list v-model="loading" :finished="finished"></van-list> ...
van-list 组件 @load 事件,点击 van-tabs @click 事件,load 事件会在触发,导致造成两次接口请求,解决办法如下: 在tab切换时,对van-list 组件的v-model 和 finished 重新赋值处理 <van-list:finished="finished"v-model="loading"@load="getData"><van-tabsv-model="activeName"@click="tabsClick"></van-t...
在我的项目中 van-list 是和 PullRefresh下拉刷新一起使用的。 情况1: 没有定位,页面高的时候,是html滚动。正常,加载更多的时候,不会出现自动滚动到顶部的问题的。情况2: 使用了定位。 用一个div, absolute定位,overflow-y:auto; 内部的van-list 加载更多的时候,使用等待图this.$toast.loading('加载中...'...
这里有个问题,当loading设置为false时,首次加载的时候会触发2次请求,但是设置为true后,页面又无法向下滚动,这里暂时记一下这个问题。。 重点说一下加载代码 首先在methods中获取列表数据的方法 getList() { getArticlesList({ limit:this.query.pageSize, ...
listLoading: false, //上滑列表加载(每一次上滑的时候) finishedList: false, //上滑列表加载完了所有数据(没有更多了) pullLoading: false, //下拉刷新加载动画 start: 0, //从第1页开始 limit: 10, //每页10条数据累加 qylx: "" }; }, ...
import { getCouponList } from '@/api' export default { name: 'Voucher', components: { voucherCard, }, data () { return { finished: false, loading: false, formData: { pageIndex: 1, pageSize: 20, }, disabledCoupons: false,
我是真的眼瞎 解决 在mounted 中进⾏第⼀次请求，在onLoad 中进⾏判断请求 是不是超easy~ <van-list v-model="loading":finished="finished"finished-text="没有更多了" @load="onLoad":offset="10":immediate-check="false"> onLoad() { if(!this.isLoading) { this.getListData();} } ...
list: [],loading: false,//加载状态 finished: false,//是否加载 page: 1,//页数 limit: 15//条数 } },methods:{ load_more: function() { this.page += 1;//页数+1 this.onLoad();},onLoad() { let data = { page: this.page,pageSize: this.limit } axios.post('api/test/x...