vue-custom-pages v1.2.6

vue-custom-pages

基于vue2.0实现的自定义分页

实现效果如下：

支持功能

- [x] 自定义分页条数
- [x] 跳转某一页

联系方式

- 微信:18888320271

快速上手

1. npm安装  `npm i --save vue-custom-pages`
2. main.js中引入 ` 
            import customPages from 'vue-custom-pages';
            Vue.use(customPages)
             `
3. 使用
  `
  <template>
      <div id="app">
        <vue-custom-pages :total="1000" active-color="red" page-size="20" show-count v-model="page" @change="search"          show-elevator :size='[10,20,30,40]'   ></vue-custom-pages>
  </div>
</template>

<script>
export default {
  name: 'app',
  methods:{
    search(page,pageSzie){
        console.log("当前页：",page)
        console.log("当前页大小：",pageSzie)
    }
  },
  data () {
    return {
      page:1
      
    }
  }
}
</script>
`

参数说明