vue实现触底查询功能
作者:@洛飞 发布时间:2024-04-30 10:25:01
标签:vue,触底查询
本文实例为大家分享了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


猜你喜欢
- 本文实例讲述了Python实现向QQ群成员自动发邮件的方法。分享给大家供大家参考。具体实现方法如下:原理:我们需要先获取QQ群中的所有成员并
- 事件对象asyncio.Event是基于threading.Event来实现的。事件可以一个信号触发多个协程同步工作,例子如下:import
- 我们做登录的时候经常会使用到,验证手机号是否正确、向手机发送验证码倒计时60s的问题,我们改如何解决呢?让我们一起来探讨一下吧。如下图:首先
- 360搜索引擎自动收录功能,官方提供了代码,带式,十分坑爹,没有提供批量提交入口,只是提供了一段js代码,关键是 一个js去下载另外一个js
- 安 * oostpython调用C/C++的方法有很多,本文使用boost.python。考虑到后期有好多在boost上的开发工作,所以boo
- 本文介绍了Scrapy项目实战之爬取某社区用户详情,分享给大家,具有如下:get_cookies.pyfrom selenium impor
- 有空余的时候自己写了一下,代码没有进行很好的规整。如果发现bug请及时通告我,谢谢 主要功能:1、点击插入表情,可选
- 在flask更新到1.0之后的版本,官方推荐使用flask run的方式运行程序,可是作为开发,如果没有了pycharm的断点调试,这可太难
- 1.筛选出目标值所在行 单列筛选# df[列名].isin([目标值])对当前列中存在目标值的行会返回True,不存在的返回Fal
- MySQL是目前十分流行的一种关系型数据库管理系统。官网推出的安装包有两种格式,分别是:ZIP格式和MSI格式。其中MSI格式的可以直接点击
- 不好意思,标题比较啰嗦,因为这次的流水账确实属于一个比较细节的小东西,下面详细讲:1需求最近在使用electron-vue 开发一个跨平台的
- #encoding=utf-8#------------------------------------------------------
- 1.启动数据库命令行客户端#linux命令,注意区分大小写mysql2.查询数据库#执行结果:返回所有数据库列表SHOW DATABASES
- 关于文件加载及处理1、检查python关于文件加载及处理方式文件路径是否存在,如果不存在就创建此路径。#如果不存在路径,就创建一个这样的路径
- 递归和尾递归简单的说,递归就是函数自己调用自己,它做为一种算法在程序设计语言中广泛应用。其核心思想是把一个大型复杂的问题层层转化为一个与原问
- 我们学习编程,在学习的时候,会有想把有用的知识点保存下来,我们可以把知识点的内容爬下来转变成pdf格式,方便我们拿手机可以闲时翻看,是很方便
- 插件说明:插件根据提供的10位ISBN书号,在Amazon网站上查找该图书的详细信息。如果找到结果,则返回一个两元素的数组,其中第一个元素是
- 目录1. 单变量 :=2. 多变量 :=3. 小结:=??Go 语言中 = 和 := 有什么区别1. 单变量 :=Go 语言中新增了一个特殊
- 在做NLP(自然语言处理)相关任务时,经常会遇到需要识别并提取省、城市、行政区的需求。虽然我们自己通过关键词表一个个查找也能实现提取目的,但
- 学习一些你已经知道的知识也没有什么坏处,是吧?我知道这可能并不一定非常有意义,但是很多时候我们往往知其然而不知其所以然,这会使得事情出现惊人