vue-bs-pagination
made with Vuejs

vue-bs-pagination

这是一个Bootstrap风格简单分页组件。

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

vue-bs-pagination是一个Bootstrap风格简单分页组件。

安装

Npm

npm i vue-bs-pagination

Yarn

yarn add vue-bs-pagination

使用

注册组件

import Vue from 'vue'
import VuePagination from 'vue-bs-pagination'
Vue.component('VuePagination', VuePagination)

Template

<vue-pagination :total="10" v-model="page"></vue-pagination>

Props

props: {
  total: {
    type: Number,
    required: true,
    validator: val => val > 0,
  },
  eachSide: {
    type: Number,
    default: 1,
    validator: val => val >= 0,
  },
}

示例

image.png

Bootstrap分页组件的非常简单的vue组件。

安装和下载:

npm install vue-bs-pagination

官网:https://github.com/meteorlxy/vue-bs-pagination

演示:https://www.vue365.cn/code_demo.php?id=3616

GitHub下载:https://github.com/meteorlxy/vue-bs-pagination/archive/master.zip

作者

meteorlxy

相关项目

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