fixed #136

add on-page-size-change event

fixed #136
add on-page-size-change event
梁灏
1 parent 472b4ff1
Showing 3 changed files with 8 additions and 4 deletions Show diff stats
src/components/date-picker/base/date-table.vue
src/components/page/page.vue
test/routers/page.vue
@@ -186,8 +186,6 @@
                     const cell = this.cells[parseInt(event.target.getAttribute('index'))];
                     if (cell.disabled) return;
-
-
                     const newDate = this.getDateOfCell(cell);
                     if (this.selectionMode === 'range') {
@@ -224,6 +224,7 @@
             onSize (pageSize) {
                 this.pageSize = pageSize;
                 this.changePage(1);
+                this.$emit('on-page-size-change', pageSize);
             },
             onPage (page) {
                 this.changePage(page);
 <template>
-    <Page :total="1000" show-sizer show-elevator show-total class="classr" :style="{float: 'right'}"></Page>
+    <Page :total="1000" show-sizer show-elevator show-total class="classr" :style="{float: 'right'}" @on-page-size-change="pc"></Page>
     <br><br>
     <Page :total="1000" show-sizer show-elevator show-total size="small" class="classr2"></Page>
     <br><br>
@@ -8,6 +8,11 @@
 <script>
     import { Page } from 'iview';
     export default {
-        components: { Page }
+        components: { Page },
+        methods: {
+            pc (page) {
+                console.log(page)
+            }
+        }
     }
 </script>