<template>
  <div>
    <div class="row items-center q-pa-sm">
      当前第
      <kyb-input-number dense outlined v-model="pageNo" />页，
      每页显示
      <kyb-input-number dense outlined v-model="pageSize" />条，
      合计
      <kyb-input-number dense outlined v-model="totalNum" />条
    </div>
    <kyb-page :pageNo="pageNo" :pageSize="pageSize" :totalNum="totalNum" @select-page="change" />
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return { pageNo: 3, pageSize: 33, totalNum: 444 }
  },
  methods: {
    change({ pageNo, pageSize }) {
      this.pageNo = pageNo
      this.pageSize = pageSize
    }
  }
}
</script>
