emit current update when page changed

Rijn
1 parent f3c6cd68
Showing 2 changed files with 8 additions and 1 deletions Show diff stats
examples/routers/page.vue
src/components/page/page.vue
 <template>
     <div>
-        <Page :total="total" show-sizer show-elevator show-total></Page>
+        <Page :total="total" show-sizer show-elevator show-total :current.sync="current"></Page>
+        {{ current }}
         <Button type="primary" @click="subject">- 1</Button>
+        <Button type="primary" @click="change">Change</Button>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
+                current: 1,
                 total: 21
             }
         },
         methods: {
             subject() {
                 this.total -= 1;
+            },
+            change() {
+                this.current = 1;
             }
         }
     }
@@ -214,6 +214,7 @@
             changePage (page) {
                 if (this.currentPage != page) {
                     this.currentPage = page;
+                    this.$emit('update:current', page);
                     this.$emit('on-change', page);
                 }
             },