vant list 分页问题

vant list 分页问题是项目中基本都会遇到的，但是还是记录一下吧，万一哪天脑袋短路不会写了怎么办（略略略~~）

 // list 是vant按需引入的组件 // demand-accept-list 是自定义列表组件（分页写到组件外面）// null-data  自定义空数据页面（有需要的自己画界面吧）<list   v-model="loading":finished="finished":finished-text="showEmpty ? '' : '没有更多了'":immediate-check="false"@load="onLoad"><demand-accept-list :list="acceptList" :tab-index="tabIndex" /></list><null-data v-if="showEmpty" msg="暂无信息" />

   selectDemandMyList() {this.showEmpty = false;// apiVolunteerWebDemandList 这个是我的请求接口（按照自己的接口写吧）apiVolunteerWebDemandList(this.dataForm).then(data => {console.log(data, '数acceptList据');this.loading = false;let length = 0;if (data.content) {length = data.content.length;} else {this.finished = true;this.showEmpty = true;}if (length) {this.acceptList = this.acceptList.concat(data.content);if (length < this.dataForm.pageSize) {this.finished = true;} else {this.dataForm.pageNow++;}} else {this.finished = true;if (this.dataForm.pageNow === 1) {this.showEmpty = true;}}});},

vant list 分页问题相关推荐

2022年11月前端学习笔记
目录 2022.11.01 1.多行显示省略号 2.单行显示省略号 2022.11.02 1.uniapp:uni.navigateBack()返回上一个页面自动刷新数据(h5可以,但是手机上不行) ...
vue+vant 移动端H5 商城项目_01
文章目录一.·Rem 布局适配 1. 安装 amfe-flexible 2. px转化rem 3. 全局配置 4. 重置样式表 5. 引入重置样式表二.组件安装和配置与封装 2.1. 安装less ...
移动端vant时间选择器_vue移动端组件库（vant）
[摘要]在vue中有许多组件库,vant就是一套主要为移动端网站开发的开源的移动端组件库... [作者:黄可毅] 一.vant安装以及使用经历 1.vant安装在Vue 2 项目,安装 Vant 2 ...
vant 引进单个样式_vue 公共列表选择组件,引用Vant-UI的样式方式
此组件用于公共选择组件.引用Vant UI 作为样式特性: 1.支持动态.静态数据源. 2.支持分页加载. 3.支持模糊搜索. 4.支持单选.多选. 组件源码: 确认 v-model="l ...
[ vant ] vue移动端下拉刷新组件
学习关键语句: vant list组件和下拉刷新 vant 下拉刷新和局部滚动冲突写在前面每一次 ! 我是说每一次我在使用 vant 组件库里面 list组件和下拉刷新连在一起用的时候都会出现下 ...
vue2中vant实现网易云音乐案例-附带所有源码
vue2中vant实现网易云音乐案例-附带所有源码前言学习笔记以及源码下载gitee: https://gitee.com/xingyueqianduan/vantmsicdemo 下载下来的内容 ...
【Vue知识点- No8.】网易云音乐案例（vant组件库的使用）
No8.网易云音乐案例知识点自测知道reset.css和flexible.js的作用. 什么是组件库-例如bootstrap的作用. yarn命令的使用. 组件名字用name属性方式注册. 如何自 ...
vant步进器传值_有赞开源的Vue 2.0 的 Mobile 组件库 Vant
有赞开源的Vue 2.0 的 Mobile 组件库 Vant 是一个轻量.可靠的移动端 Vue 组件库.包括了基础组件.Button 按钮.Cell 单元格.Icon 图标.Image 图片.Layo ...
h5结合vant框架，实现列表上拉加载下拉刷新
最近在做h5移动页面开发,并且需要用移动端android和ios将h5嵌进去.在开发过程中,使用了vant这个框架: vant文档:https://youzan.github.io/vant/#/zh ...

vant list 分页问题

vant list 分页问题相关推荐

最新文章

热门文章