Vant中List列表下拉加载更多

简介: Vant中List列表下拉加载更多

van-list上只有一层父级元素div,多了可能下拉加载出不来;或者更多


<template>
    <div class="scholl-declarepage">
        <van-list
            v-model="loading"
            :finished="finished"
            finished-text="没有更多了"
            @load="onLoad"
            :immediate-check="cheack"
            >
                <swipe-cell
                custom
                class="bootom-having-border"
                :isEdit="isEdit"
                v-for="(item,index) in listAchool" :key="index"
                @edit="detior(item)"
                @remove="delItem(item)"
                >
                    <scholl-list-com :listObj="item" @gotodetails="gotodetails(item)"></scholl-list-com>
                </swipe-cell>
            </van-list>  
    </div>
</template>


loading: false,
finished: false,
 cheack:true,
paramsList:{
  orgId: "",
  pageIndex: 0,
  pageSize: 10 
},
listAchool:[],
 onLoad(){
  this.paramsList.pageIndex+=1;
   this.schoolListContApi();//列表渲染
},
   schoolListContApi(){
                this.paramsList.orgId=this.userInfo.orgId,
                schoolListCont(this.paramsList).then(res=>{
                    console.log(res);
                    if(res.success==true){
                        this.loading = false;// 这一次的加载状态结束 
                        this.listAchool=this.listAchool.concat(res.data); 
                       if(res.data.length==0 || this.listAchool.length>=res.totalDatas){
                            this.finished = true;//所有的数据已经全部加载完了
                        }else{
                            this.finished = false;
                        }
                    }else{
                        this.finished = false;
                    }
                })
            },  
 // 删除请求
commendDelApi(item){
  let params={
    id:item.id
  }
  schoolDelCont(params).then(res=>{
    if(res.success==true){
      this.paramsList.pageIndex=1;//重新赋值
      this.listAchool=[];
      this.schoolListContApi();
    }   
  })
},
相关文章
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
8月前
|
人工智能 Java
Java 中数组Array和列表List的转换
本文介绍了数组与列表之间的相互转换方法,主要包括三部分:1)使用`Collections.addAll()`方法将数组转为列表,适用于引用类型,效率较高;2)通过`new ArrayList&lt;&gt;()`构造器结合`Arrays.asList()`实现类似功能;3)利用JDK8的`Stream`流式计算,支持基本数据类型数组的转换。此外,还详细讲解了列表转数组的方法,如借助`Stream`实现不同类型数组间的转换,并附带代码示例与执行结果,帮助读者深入理解两种数据结构的互转技巧。
582 1
Java 中数组Array和列表List的转换
|
11月前
|
C语言 Python
[oeasy]python054_python有哪些关键字_keyword_list_列表_reserved_words
本文介绍了Python的关键字列表及其使用规则。通过回顾`hello world`示例,解释了Python中的标识符命名规则,并探讨了关键字如`if`、`for`、`in`等不能作为变量名的原因。最后,通过`import keyword`和`print(keyword.kwlist)`展示了Python的所有关键字,并总结了关键字不能用作标识符的规则。
250 9
|
11月前
|
数据挖掘 大数据 数据处理
python--列表list切分(超详细)
通过这些思维导图和分析说明表,您可以更直观地理解Python列表切分的概念、用法和实际应用。希望本文能帮助您更高效地使用Python进行数据处理和分析。
310 14
|
11月前
|
数据挖掘 大数据 数据处理
python--列表list切分(超详细)
通过这些思维导图和分析说明表,您可以更直观地理解Python列表切分的概念、用法和实际应用。希望本文能帮助您更高效地使用Python进行数据处理和分析。
968 10
|
测试技术 开发者 Python
在 Python 中创建列表时,应该写 `[]` 还是 `list()`?
在 Python 中,创建列表有两种方法:使用方括号 `[]` 和调用 `list()` 函数。虽然两者都能创建空列表,但 `[]` 更简洁、高效。性能测试显示,`[]` 的创建速度比 `list()` 快约一倍。此外,`list()` 可以接受一个可迭代对象作为参数并将其转换为列表,而 `[]` 则需要逐一列举元素。综上,`[]` 适合创建空列表,`list()` 适合转换可迭代对象。
166 1
在 Python 中创建列表时,应该写 `[]` 还是 `list()`?
|
索引 Python
List(列表)
List(列表)。
212 4
|
JavaScript 数据管理 虚拟化
ArkTS List组件基础:掌握列表渲染与动态数据管理
在HarmonyOS应用开发中,ArkTS的List组件是构建动态列表视图的核心。本文深入探讨了List组件的基础,包括数据展示、性能优化和用户交互,以及如何在实际开发中应用这些知识,提升开发效率和应用性能。通过定义数据源、渲染列表项和动态数据管理,结合虚拟化列表和条件渲染等技术,帮助开发者构建高效、响应式的用户界面。
993 2
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
NoSQL 关系型数据库 MySQL
Redis 列表(List)
10月更文挑战第16天
173 2