van-list的使用

server/2025/2/12 2:09:18/
<van-listv-if="joblist && joblist.length > 0"v-model:loading="loading":finished="finished":immediate-check="false"finished-text="没有更多了"@load="onLoad">
// 加载
const loading = ref(false);
// 全部加载完毕
const finished = ref(false);// 加载更多触底事件
const onLoad = async () => {if (joblist.value.length < total.value) {searchform.value.pageNum++;await getjoblist();loading.value = false;} else {loading.value = false;finished.value = true;}
};const getjoblist = async () => {const res = await queryJoblist(searchform.value);if (res.code === 200) {total.value = res.total;//使用concat将新数据和原来的列表拼接在一起,不能直接赋值joblist.value = joblist.value.concat(res.rows);}
};

注意!!!
要使用concat将新数据和原来的列表拼接在一起,不能直接赋值,否则每次请求后的页面高度都是在页面底部,导致一直触发onLoad方法请求接口多次


http://www.ppmy.cn/server/166916.html

相关文章

深入解析 Kafka 消费者偏移量管理

在使用 Kafka 进行消息消费时&#xff0c;偏移量管理是一个非常重要的概念。它直接关系到消息的重复消费、丢失以及系统的可靠性。本文将详细介绍 Kafka 中的偏移量管理机制&#xff0c;包括当前偏移量与提交偏移量的区别、自动提交与手动提交的使用场景及代码示例。 一、当前偏…

苹果可折叠iPad:2028年的科技盛宴?

苹果公司凭借其持续的创新能力&#xff0c;长期占据着平板电脑市场的主导地位。最近&#xff0c;彭博社记者Mark Gurman爆料称苹果计划在2028年推出可折叠iPad&#xff0c;这一消息迅速引发了科技界的广泛关注。这不仅预示着平板电脑市场即将迎来一场革命&#xff0c;也为苹果未…

使用 Unicorn 调用 android so 中的 JNI 方法

版权归作者所有&#xff0c;如有转发&#xff0c;请注明文章出处&#xff1a;https://cyrus-studio.github.io/blog/ Android 示例代码 编写一个 jni 方法 add 进行简单的加法运算 &#xff0c;代码如下&#xff1a; #include <jni.h>// 实现加法运算 extern "C&q…

Vue 3 30天精进之旅:Day 16 - 组合式API进阶

友情提示&#xff1a;本文内容全部由 银河易创&#xff08;https://ai.eaigx.com&#xff09;AI创作平台生成&#xff0c;仅供参考。请根据具体情况和需求进行适当的调整和验证。 欢迎来到“Vue 3 30天精进之旅”的第16天&#xff01;今天我们将深入探讨 组合式API 的进阶用法&…

JVM栈帧中|局部变量表、操作数栈、动态链接各自的任务是什么?

局部变量表和动态链接确实在栈帧中存在&#xff0c;用于存储方法的参数、局部变量和方法的动态链接信息&#xff08;如常量池索引等&#xff09;&#xff0c;但这些并不等同于操作数栈。 让我们理清楚两者之间的区别和它们各自的作用。 &#x1f680; 栈帧和操作数栈的关系 1…

C# Winform 使用委托实现C++中回调函数的功能

C# Winform 使用委托实现C中回调函数的功能 在项目中遇到了使用C#调用C封装的接口&#xff0c;其中C接口有一个回调函数的参数。参考对比后&#xff0c;在C#中是使用委托(delegate)来实现类似的功能。 下面使用一个示例来介绍具体的使用方式&#xff1a; 第一步&#xff1a;…

推荐系统概述 | 《推荐系统教程》第一章笔记

推荐系统概述 | 《推荐系统教程》第一章笔记 一、推荐系统的意义1.推荐系统的核心价值1.1 平台方视角1.2. 信息生产者&#xff08;物品&#xff09;视角1.3. 信息消费者&#xff08;用户&#xff09;视角 2、推荐系统 vs 搜索系统3、推荐系统的典型应用场景1. 电商领域2. 视频平…

从MyBatis-Plus看Spring Boot自动配置原理

一、问题引入&#xff1a;神秘的配置生效之谜 当我们使用MyBatis-Plus时&#xff0c;只需在pom.xml中添加依赖&#xff1a; <dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId><version>3…