wzk-pagination v0.0.2

同创前端组件模板

通过提供配置分页功能，快速展示分页信息

主要思路是基于el-pagination基础上二次封装配置功能

使用说明

安装

  npm install @hatech/component-pagination

初始化

  // main.js
  import Vue from 'vue'
  import HatechPagination from '@hatech/component-pagination'
  Vue.use(HatechPagination)
  // or
  // xxx.vue
  import { HatechPagination } from '@hatech/component-pagination'
  export default {
    components: {
      HatechPagination
    }
  }

使用示例

  <hatech-pagination :config="config" :data="data" @onEvent="onEvent"></hatech-pagination>

  export default {
    data() {
      return {
        data: {
          page: 1,
          limit: 10,
          total: 0
        },
        config: {
          ...
        }
      }
    },
    methods: {
      onEvent(args) {
        const { event, params } = args
        this[event] && this[event](params)
      },
      onPaginationChange(pageInfo) {
        this.data = pageInfo
      }
    }
  }

参数

插槽

事件

方法

主题变量

依赖

作者/维护者