vue实现触底查询功能
作者:@洛飞 时间:2024-04-30 10:25:01
本文实例为大家分享了vue实现触底查询功能的具体代码,供大家参考,具体内容如下
1.使用vant-list组件相关内容如下:
2.对象绑定值的默认值:
3.查询方法:
完整代码:
methods: {
getdata() {
let status=3;
this.queryParams.params={
status:status,
passFactory: this.$store.state.user.werksName
}
let params = JSON.parse(JSON.stringify(this.queryParams));
api.getPageList(params).then((res) => {
if (res.success) {
this.dataList = res.data.content;
} else {
Toast.fail({
message: res.msg
});
}
});
},
onLoad() {//触底查询
this.queryParams.page += 1;
let _this = this;
let status=3;
this.queryParams.params={
status:status,
passFactory: this.$store.state.user.werksName
}
let params = JSON.parse(JSON.stringify(this.queryParams));
api.getPageList(params).then((res) => {
if(res.success){
this.dataList = this.dataList.concat(res.data.content);
if (this.dataList.length >= res.data.totalElements) {
this.finished = true;
} else {
this.finished = false;
}
this.loading = false;
}
});
},
来源:https://blog.csdn.net/m0_57891856/article/details/121489460
标签:vue,触底查询
0
投稿
猜你喜欢
使用pkg打包Node.js应用的方法步骤
2024-05-13 09:58:30
浅谈Mysql tinyint(1)与tinyint(4)的区别
2024-01-14 10:10:39
ASP中取得图片宽度和高度
2009-11-08 18:39:00
vue弹窗插件实战代码
2024-04-30 08:41:49
python 获取list特定元素下标的实例讲解
2021-12-13 23:54:41
Python算法中的时间复杂度问题
2021-03-20 04:52:50
Python实现视频目标检测与轨迹跟踪流程详解
2021-12-27 06:48:37
Python使用apscheduler模块设置定时任务的实现
2021-05-01 05:01:54
基于Python编写一个中秋节嫦娥投食小游戏
2022-12-27 10:46:34
django 中QuerySet特性功能详解
2021-09-29 17:48:14
MySQL 5.0触发器参考教程第1/4页
2024-01-23 17:03:58
解决pytorch下只打印tensor的数值不打印出device等信息的问题
2023-04-20 18:25:52
perl用{}修饰变量名的写法分享
2023-03-18 05:43:00
Python程序中的观察者模式结构编写示例
2022-08-04 22:12:11
Python基础 括号()[]{}的详解
2023-07-22 07:35:39
VMware中Linux共享mysql数据库
2010-10-25 20:29:00
MySql获取某个字段存在于哪个表的sql语句
2024-01-18 23:12:11
戴尔是如何设计新官网首页的
2008-07-08 19:02:00
python实现删除文件与目录的方法
2023-11-12 23:34:46
js实现关闭网页出现是否离开提示
2024-05-09 10:36:13