vue-page tab assembly, h5 scaffolding or general

Each time with h5 page when vue.js, met with some level of taste UI plug-in effects library (such as paging), because the page content is not much, feeling the introduction of a UI library wasted little, too late and handwriting, especially leisure time by encapsulation, as the style (style can be modified):

This component is implemented in a h5 template custom follows:

So only need to be introduced into the current html and js below can be placed vue.

HTML in use:

< Page-List : TotalPage = '80 ' : jumppage = "to true" @clickpages =' clickpages' > </ Page-List > 
click tab: // totalpage: total number of pages jumppage: whether to show the input box clickpages Jump callback

Registrations on vue in:

new Vue({
  el: '#app',
  components: {
    'page-list': pageList
  },
  methods: {
    clickpages(num) {
      console.log(num)
    }
  }
})

Note: The current component must re-  el  -element binding in use.

Download: https: //files-cdn.cnblogs.com/files/caoxiaokang/page-rar.zip

git source address: https: //github.com/173269537121/vue-page.git