vue-pagination-s
Version:
a simple pagination of vue
56 lines (47 loc) • 1.19 kB
Markdown
# 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