vue 分页组件_用于创建微小分页的Vue组件

vue 分页组件

语音分页 (vue-tiny-pagination)

A Vue component for create a tiny pagination.

用于创建微小分页的Vue组件。

Documentation 文档 Download Source 下载源

安装/使用 (Install/Usage)

$ npm i -S vue-tiny-pagination

<div id="#app">
    <tiny-pagination
      :total="currentTotal"
      @tiny:change-page="changePage"></tiny-pagination>
</div>

import {TinyPagination} from 'vue-tiny-pagination'

new Vue({
  el: '#app',
  data() {
    return {
      currentTotal: 100,
      currentPage: 1
    }
  },
  methods: {
    changePage (pagination) {
      this.currentPage = pagination.page
    }
  },
  components: {
    TinyPagination
  }
});

发展历程 (Development)

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

包含什么 (What's Included)

• npm run dev: Webpack + vue-loader with proper config for source maps & hot-reload.

  npm run dev ：Webpack + vue-loader具有适当的源地图和热重载配置。

• npm run build: build with HTML/CSS/JS minification.

  npm run build ：使用HTML / CSS / JS npm run build 。

翻译自: https://vuejsexamples.com/a-vue-component-for-create-a-tiny-pagination/

vue 分页组件