分页

src/views/engine/engine/index.vue

@@ -151,6 +151,47 @@
     </el-table>
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!--    分页-->
+
+
+
+
+
+
+
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="engineReq.pageNum"
+      :page-sizes="[1, 2, 3, 4, 5]"
+      :page-size="engineReq.pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
+
+
+
+
+
+
+
+
+
+
+
   </div>
 </template>
 
@@ -185,6 +226,16 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.engineReq.pageSize = val;
+      this.findSelectSourceList();
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.engineReq.pageNum = val;
+      this.findSelectSourceList();
+    },
     insert(){
       this.dialogFormVisible = true
       insert(this.engine).then(res =>{