招聘职位加分页

src/components/jobs.vue

@@ -39,6 +39,15 @@
         </div>
       </div>
     </section>
+    <el-pagination
+        :hide-on-single-page="true"
+        @current-change="handleCurrentChange"
+        :current-page.sync="queryParams.pageNum"
+        :page-size="queryParams.pageSize"
+        layout="prev, pager, next, jumper"
+        :total="total"
+      >
+      </el-pagination>
 
     <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="50%">
       <div class="add-job-div">
@@ -402,17 +411,21 @@ export default {
         });
     },
     handlegetComPostList() {
-      getComPostList({ pageNum: 1, pageSize: 30, postName: "" })
+      getComPostList(this.queryParams)
         .then((res) => {
           console.log("getComPostList", res);
           this.jobList = res.data.rows;
-          this.total = res.data.total;
+          this.total = Number( res.data.total);
         })
         .catch((err) => {
           this.$message.error(err.msg);
           // console.log("register err", err);
         });
     },
+    handleCurrentChange(val) {
+      this.handlegetComPostList();
+      console.log(`当前页: ${val}`);
+    },
     submit() {
       console.log("this.form", this.form);
       this.form.provinceId=this.form.workPlace[0];