vant/vue实现小程序下拉刷新功能方法详解
更新时间：2022年12月24日 13:30:48 作者：Nanchen_42
这篇文章主要介绍了vant/vue实现小程序下拉刷新功能方法详解,需要的朋友可以参考下
首先先把van-list控件放入列表项中
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <list-nav :list="list"></list-nav> </van-list>
data(){
return{
list: [],
}
}通过methods方法进行更新数据
onLoad() {
// 异步更新数据
// setTimeout 仅做示例，真实场景中一般为 ajax 请求
setTimeout(() => {
for (let i = 0; i < 0; i++) {
this.list.push(this.list.length + 1);
}
// 加载状态结束
this.loading = false;
// 数据全部加载完成
if (this.list.length >= 6) {
this.finished = true;
}
}, 1000);
},
以上就是vant/vue实现下拉刷新功能方法详解的详细内容，更多关于vant/vue实现下拉刷新功能的资料请关注脚本之家其它相关文章！
相关文章
PyCharm2022激活码破解补丁一键安装免费分享（2022年持续更新）
PyCharm2022最新激活码分享（持续更新），PyCharm激活补丁一键安装简单方便，无需手动修改文件，MAC,linux,Windows系统都可使用2022-07-07
Sqoop是一款开源的工具，主要用于在Hadoop与传统数据库间进行数据的传递，这篇文章主要介绍了Sqoop的安装与使用详细教程,需要的朋友可以参考下2021-04-04
下面小编就为大家分享一篇Hbuilder连远程接服务器上传代码的图文教程，具有很好的参考价值，一起跟随小编过来看看吧，希望对大家有所帮助2017-11-11
Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理，是目前使用范围最广的版本管理工具，本文重点给大家介绍在Visual Studio 中使用git及git的工作原理，感兴趣的朋友一起看看吧2021-04-04
一个能生成精美代码图片的工具Carbon!让看代码成为一种享受
当我们想展示自己写的代码给别人看的时候,希望让代码保持原有的格式,并且要美观一点,有一个强大的在线工具可以帮助我们实现,而且支持多种主题,他就是Carbon,需要的朋友可以参考下2021-05-05
微信小程序常用功能实例汇总包括上拉刷新,下拉加载,列表数据绑定,轮播,参数传递
这篇文章主要介绍了微信小程序常用功能实例汇总包括上拉刷新,下拉加载,列表数据绑定,轮播,参数传递,拨打电话,需要的朋友可以参考下2022-12-12
单机时代，传统软件大多是单体/巨石架构(Monolithic)。大家往一个代码仓库提交CODE，这会导致应用膨胀，以及扩展受限，无法按需伸缩等诸多问题。单体架构怎么解决多人合作的问题？模块化，按功能拆分，模块之间定义编程接口(API)。本篇文章带你详细了解。2021-05-05
Chrome 浏览器有一个好处，就是插件极其丰富，只有你想不到的，没有你找不到的，这恐怕是 Chrome 浏览器被众多爱好者钟爱的原因吧。今天给大家分享这些插件太强了，Chrome 必装！尤其程序员2021-03-03
uniApp微信小程序使用腾讯地图定位功能及getLocation需要在app.json中声明permission字段问
这篇文章主要介绍了uniApp微信小程序使用腾讯地图定位功能及getLocation需要在app.json中声明permission字段问题解决,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了Windows系统安装使用Git的详细教程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-04-04
最新评论