首先先把van-list控件放入列表项中 <van-list v-model="loading" :finished="finished" finished-tex
首先先把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实现下拉刷新功能的资料请关注编程网其它相关文章!
--结束END--
本文标题: vant/vue实现小程序下拉刷新功能方法详解
本文链接: https://www.lsjlt.com/news/175742.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-03-01
2024-03-01
2024-02-29
2024-02-29
2024-02-29
2024-02-29
2024-02-29
2024-02-29
2024-02-29
2024-02-29
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0