update:分页

src/pages/Groupmeal/Distrib/index.vue

@@ -29,7 +29,7 @@
           width="width"
         >
           <template #default="scope">
-            {{ scope.row.list.map((item) => item.deliverer_name).join(",") }}
+            {{ scope.row.list.map((item) => item.deliverer_name).join("、") }}
           </template>
         </el-table-column>
         <el-table-column prop="prop" label="操作" width="width" align="center">
@@ -47,15 +47,12 @@
         </el-table-column>
       </el-table>
       <!-- 页码区 -->
-      <el-pagination
-        class="pagination"
-        @current-change="handleCurrentChange"
-        v-model.current-page="page"
-        :page-size="pageSize"
-        layout="prev, pager, next, jumper, ->,page , total"
-        :total="total"
-      >
-      </el-pagination>
+      <Pagination
+      @current-change="handleCurrentChange"
+      v-model.current-page="page"
+      :page-size="pageSize"
+      :total="total"
+      ></Pagination>
       <!-- 添加配送员弹框 -->
       <el-dialog
         title="添加配送员"
@@ -204,6 +201,7 @@
 </template>
 <script>
 import Layout from "../layout/index.vue";
+import Pagination from "../components/Pagination/index.vue";
 import {
   getDelivererList,
   getList,
@@ -216,6 +214,7 @@ export default {
   name: "Distrib",
   components: {
     Layout,
+    Pagination
   },
   data() {
     return {
@@ -257,13 +256,8 @@ export default {
     this.getMarketingList()
   },
   methods: {
-    // getChecked(row) {
-    //   console.log(row.checked);
-    //   return !!row.checked;
-    // },
     selectGoodsChange(val) {
       this.multipleSelection = val;
-      //   this.ruleForm.goods_spu_id = e.map((item) => item.goods_sku_id);
     },
     // 页码变化
     handleCurrentChange(e) {

src/pages/Groupmeal/components/Pagination/index.vue

+
+<template>
+  <div class="block">
+    <el-pagination
+      class="pagination"
+      layout="prev, pager, next, jumper, ->,page , total"
+      v-bind="$attrs"
+      v-on="$listener"
+    >
+    </el-pagination>
+  </div>
+</template>
+  <script>
+export default {
+  name: 'Pagination'
+};
+</script>
+  <style lang="less">
+.block {
+  margin-top: 50px;
+}
+</style>