product

hksystem/src/views/product/index.vue

                     </p>
                     <div class="edittable-table-height-con">
                         <Table :columns="columns" :data="prosHandle"></Table>
-                        <Page :total="total" :page-size="pageSize"></Page>
+                        <Page :total="total" :page-size="pageSize" @on-change="getData"></Page>
                     </div>
                 </Card>
             </Col>
                                         let id = params.row.id;
                                         this.axios.delete(`/product/${id}`)
                                             .then((res) => {
+                                                console.log(this.products);
                                                 this.products = this.products.filter((product) => {
                                                     if (product.id != id) {
                                                         return true;
                                                     }
                                                 });
+                                                console.log(this.products);
                                             });
                                     }
                                 }
             this.proShow = true;
             this.getData();
         },
-        getData () {
-            this.axios.get("products")
-                .then((res) => {
-                    this.products = res.data.data;
-                    this.pageSize = res.data.per_page;
-                    this.total = res.data.total;
-                });
+        getData (num) {
+            this.axios.get("products", {
+                params: {
+                    page: num || 1
+                }
+            }).then((res) => {
+                this.products = res.data.data;
+                this.pageSize = res.data.per_page;
+                this.total = res.data.total;
+            });
         }
     },
     created () {