Merge pull request #3 from edu4024/feature/page-auto-update

feature for auto update page

Author: grinmax

README.md

@@ -37,7 +37,7 @@ Vue-smart-pagination contains two main components:
 
 Both components are registered globally after installing package.
 
-Also we have **props** - `:settings="settings”` which has two main objects - `PaginationControlSettings` и `PaginationPageSettings`.
+Also we have **props** - `:settings="settings”` which has two main objects - `PaginationControlSettings` и `PaginationPageSettings`, also we have property - `pageToChange`.
 
 
 `PaginationControlSettings` contains settings related to buttons, arrows, dots and the start page.
@@ -46,6 +46,9 @@ Also we have **props** - `:settings="settings”` which has two main objects - `
 `PaginationPageSettings` contains settings related to the page, the spinner and animation of the content change.
 
 
+`pageToChange` contains actual page, update after change page value.
+
+
 Array **arrayData** serves to output data to the page and `is required to fill`.
 
 **Example:**

src/components/PaginationControl.vue

@@ -112,7 +112,7 @@
 
  export default {
  name: 'PaginationControl',
- props: ['settings'],
+ props: ['settings', 'pageToChange'],
  data: function () {
  return {
  curIndex: 0,
@@ -343,6 +343,16 @@
  watch: {
  'def': function (oldVal, newVal) {
  this.rootColor()
+ },
+ 'pageToChange': function (newVal) {
+ try {
+ let val = parseInt(newVal)
+ if (val < 0) val = 0
+ if (val > this.settings.arrayData.length) val = this.settings.arrayData.length
+ this.curIndex = val
+ } catch (e) {
+ console.log(e)
+ }
  }
  }
  }