vue-pagination-s

项目说明

• 组件功能

  • 一个简单的、无任何依赖的 vue 分页器组件

• 注意事项

  • 默认支持 ES6
  • 默认支持 CSS3
  • 默认 vue 版本在 2.0 以上
  • 参数说明
    • totalPage： 总页数
    • currentPage：当前页码
    • activeColor：页码选中时的颜色

• 使用示例

  - demo.vue
    
  <template>
  <div>
  	<pagination :totalPage="totalPage" :currentPage="currentPage" :activeColor="activeColor" v-on:switchPage="switchPage"></pagination>
  </div>
  </template>
  
  <script>
  import pagination from 'vue-pagination-s';
  export default {
  	components: {
  		pagination
  	},
  	data(){
  		return{
  			totalPage:8,
  			currentPage:1,
  			activeColor:'#4CA6FF',
  		}
  	},
  	methods:{
  		switchPage(page){
  			console.log(page)
  		}
  	}
  }
  </script>
    

• 效果图

• NPM 安装

  • npm/cnpm install --save-dev vue-pagination-s

• GitHub 地址

  • https://github.com/ZhaoruiGuang/projects/tree/vue-pagination