Vue.js 分页(Paginate)
made with Vuejs

Vue.js 分页(Paginate)

这是一个简单的Vue.js分页组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue.js 分页(Paginate)是一个简单的Vue.js分页组件,通过提供简单的api来进行分页,易用,可以通过CSS定制组件的样式。

安装

Npm

npm i vuejs-paginate

Yarn

yarn add vuejs-paginate

浏览器

<!-- use the latest release -->
<script src="https://unpkg.com/vuejs-paginate@latest"></script>
<!-- or use the specify version -->
<script src="https://unpkg.com/vuejs-paginate@0.9.0"></script>

使用

引入

import Paginate from 'vuejs-paginate'
Vue.component('paginate', Paginate)

组件中使用

<paginate
  :page-count="20"
  :click-handler="functionName"
  :prev-text="'Prev'"
  :next-text="'Next'"
  :container-class="'className'">
</paginate>

示例

作者

Cain Liu

相关项目

这是一个基于Vue.js的Github样式的日历热图。
这是一个基于Splide的Vue滑块组件。
这是一个基于Vue的滚动条组件。
这是一个Bootstrap风格简单分页组件。
这是一个Vue.js 2打字机效果组件 。
这是一个漂亮的Vue聊天组件。
这是一个基于Vue.js的模拟命令行效果的动画组件。