分页列表

wxmp/src/utils/list.js

@@ -0,0 +1,36 @@
+import http from "./http";
+
+class List {
+  constructor(action) {
+    this.action = action
+    this.current = 1
+    this.total = 0
+    this.list = []
+  }
+
+  getData(params) {
+    const {action} = this
+    return http.post(action, null, {params})
+  }
+
+  init(params) {
+    this.getData({...params, current: 1}).then(res => {
+      if (res?.data) {
+        this.list = res.data.records
+        this.total = res.data.total
+      }
+    })
+  }
+
+  loadMore(params) {
+    if (this.list.length < this.total) {
+      this.getData({...params, current: ++this.current}).then(res => {
+        if (res?.data) {
+          this.list = [...this.list, ...res.data.records]
+        }
+      })
+    }
+  }
+}
+
+export default List