vue-pagination-s v1.0.1

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