<template>
  <h1>页面大小控件</h1>

  <PageSizeSelect @page-size-changed="pageSize = $event" />

  {{ pageSize }}
</template>

<script>
import PageSizeSelect from '@/page-size-select/index.js';

export default {

  components: {
    'PageSizeSelect': PageSizeSelect,
  },
  data: function(){
    return {
      pageSize: 20,
    };
  },

  mounted: function(){
        
  },

  methods: {
    show: function(){
      this.$refs.modal.showModal();
    },
    show1: function(){
      this.$refs.modal1.showModal();
    },
  },
};
</script>

<style scoped>

</style>