fixed #3112

examples/routers/page.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Page :total="total" show-sizer show-elevator show-total :current.sync="current"></Page>
+        <Page :total="total" show-sizer show-elevator show-total transfer :current.sync="current"></Page>
         {{ current }}
         <Button type="primary" @click="subject">- 1</Button>
         <Button type="primary" @click="change">Change</Button>

src/components/page/options.vue

@@ -1,7 +1,7 @@
 <template>
     <div v-if="showSizer || showElevator" :class="optsClasses">
         <div v-if="showSizer" :class="sizerClasses">
-            <i-select v-model="currentPageSize" :size="size" :placement="placement" @on-change="changeSize">
+            <i-select v-model="currentPageSize" :size="size" :placement="placement" :transfer="transfer" @on-change="changeSize">
                 <i-option v-for="item in pageSizeOpts" :key="item" :value="item" style="text-align:center;">{{ item }} {{ t('i.page.page') }}</i-option>
             </i-select>
         </div>
@@ -42,7 +42,8 @@
             pageSize: Number,
             allPages: Number,
             isSmall: Boolean,
-            placement: String
+            placement: String,
+            transfer: Boolean
         },
         data () {
             return {

src/components/page/page.vue

@@ -55,6 +55,7 @@
             :page-size="currentPageSize"
             :page-size-opts="pageSizeOpts"
             :placement="placement"
+            :transfer="transfer"
             :show-elevator="showElevator"
             :_current.once="currentPage"
             :current="currentPage"
@@ -101,6 +102,10 @@
                 },
                 default: 'bottom'
             },
+            transfer: {
+                type: Boolean,
+                default: false
+            },
             size: {
                 validator (value) {
                     return oneOf(value, ['small']);