分页组件

说明

分页组件

使用

---

分页组件

共 20 条

• 10条/页
• 20条/页
• 50条/页

无数据

• 1
• 2

前往

页

<template>
  <div class="t-input">
    <t-layout sectionTitle="分页组件">
      <div class="content-main t-margin20">
        <Ot-Pagination
          :isAbsolute="false"
          @handleChange="handleChangeData"
          :data="paginationData"
          >保存</Ot-Pagination
        >
      </div>
    </t-layout>
  </div>
</template>

<script>
export default {
  data() {
    return {
      paginationData: {
        current: 1,
        size: 10,
        total: 20,
      },
    };
  },
  methods: {
    handleChangeData() {},
  },
};
</script>

显示代码

wocwin微信二维码

例子

   <pagination
                :isAbsolute="false"
                @handleChange="handleChangeData"
                :data="paginationData"
              />

paginationData: {
        current: 1,
        size: 10,
        total: 0,
      },

//  子组件向父组件传递的事件
handleChangeData(pagesize, currentPage) {
  this.paginationData.size = pagesize;
  this.paginationData.current = currentPage;
  this.getTableData();
},

---

参数说明

参数	类型	可选	说明
isAbsolute	boolean	是	是否绝对定位到下方
data	Object	是	传入的参数

---