Add change event to PaginateLinks

README.md

@@ -147,6 +147,25 @@ To activate this mode, you just need to specify the limit using the `limit` prop
 ></paginate-links>
 ```
 
+### Listening to links @change event
+
+When the current page changes, `PaginateLinks` emits an event called `change` to inform you about that. It also passes the switched page numbers with it, if you need them.
+
+``` html
+<paginate-links
+  for="languages"
+  @change="onLangsPageChange"
+></paginate-links>
+```
+
+``` js
+methods: {
+  onLangsPageChange (toPage, fromPage) {
+    // handle here…
+  }
+}
+```
+
 ### Paginate container
 
 The default element `vue-paginate` uses for the `<paginate>` container is `UL`. But, of course, you can change it to whatever you want using the `tag` prop. And the same is true for its class using the `class` prop.

dist/vue-paginate.js

@@ -1,5 +1,5 @@
 /**
- * vue-paginate v3.0.0
+ * vue-paginate v3.1.0
  * (c) 2016 Taha Shashtari
  * @license MIT
  */
@@ -5533,6 +5533,9 @@
           this.updateListOfPages()
         },
         deep: true
+      },
+      currentPage: function currentPage (toPage, fromPage) {
+        this.$emit('change', toPage + 1, fromPage + 1)
       }
     },
     methods: {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-paginate",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "A simple vue.js plugin to paginate data",
   "main": "dist/vue-paginate.js",
   "scripts": {

src/components/PaginateLinks.js

@@ -59,6 +59,9 @@ export default {
         this.updateListOfPages()
       },
       deep: true
+    },
+    currentPage (toPage, fromPage) {
+      this.$emit('change', toPage + 1, fromPage + 1)
     }
   },
   methods: {