From e24fdd64d38cb0c9ae3fce03d828a43663e54546 Mon Sep 17 00:00:00 2001
From: "jqtmviyu@gmail.com" <jqtmviyu@gmail.com>
Date: Thu, 25 Feb 2021 22:10:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E9=A1=B5=E5=8A=9F=E8=83=BD:=201.=20?=
 =?UTF-8?q?=E5=88=A4=E6=96=AD=E5=BD=93=E5=89=8D=E9=A1=B5=E5=92=8C=E6=80=BB?=
 =?UTF-8?q?=E9=A1=B5=E6=95=B0=202.=20=E8=BF=BD=E5=8A=A0=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/goods_list/goods_list.vue | 55 +++++++++++++++++++----------
 1 file changed, 37 insertions(+), 18 deletions(-)

diff --git a/src/pages/goods_list/goods_list.vue b/src/pages/goods_list/goods_list.vue
index b384ad9..1566178 100644
--- a/src/pages/goods_list/goods_list.vue
+++ b/src/pages/goods_list/goods_list.vue
@@ -41,7 +41,21 @@
   </view>
 </template>
 
-<script>
+<script> 
+// 请求参数, 放全局变量
+const Params = {
+  // 关键字
+  query: "",
+  // 分类id
+  cid: null, 
+  // 页码
+  pagenum: 1,
+  // 页容量 一页有几条数据
+  pagesize: 10
+}
+// 总页数
+let TotalPage = 0
+
 export default {
   data(){
     return{
@@ -63,28 +77,33 @@ export default {
   },
 
   async onLoad ({ id }){
-    console.log(id)
-    const params = {
-      // 关键字
-      query: "",
+    Params.cid = id
+    this.getGoods()
+  },
 
-      // 分类id
-      cid: id,
-
-      // 页码
-      pagenum: 1,
-
-      // 页容量 一页有几条数据
-      pagesize: 10
+  // 滚动条到底触发
+  onReachBottom(){
+    // 判断有没有下一页
+    if(Params.pagenum >= TotalPage){
+      console.log("没有下一页数据了")
+    }else{
+      console.log("翻页")
+      Params.pagenum++
+      this.getGoods()
     }
-
-    // 从接口拿数据
-    const {message} = await this.$u.api.getGoods(params)
-    console.log(message)
-    this.goods = message.goods
   },
 
   methods: {
+    // 从接口拿数据
+    async getGoods (){
+      const {message} = await this.$u.api.getGoods(Params)
+      console.log(message)
+      // 追加数据
+      this.goods = [...this.goods, ...message.goods]
+      // 总页数
+      TotalPage = Math.ceil(message.total / Params.pagesize)
+    },
+    // 切换子页面
     onTapsChange(index){
       this.tabsCurrent = index
     }