您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

vue实现触底查询功能

51自学网 2022-02-21 13:36:45
  javascript

本文实例为大家分享了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;        }      });    },

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持51zixue.net。


下载地址:
Node.js包管理器npm的具体使用
使用js实现动态背景
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。