diff --git a/src/packages/__VUE/pagination/index.taro.vue b/src/packages/__VUE/pagination/index.taro.vue
index 92c32aaff1..bfd05ed595 100644
--- a/src/packages/__VUE/pagination/index.taro.vue
+++ b/src/packages/__VUE/pagination/index.taro.vue
@@ -34,9 +34,10 @@
   </view>
 </template>
 <script lang="ts">
-import { toRefs, watchEffect, computed } from 'vue';
+import { toRefs, watchEffect, computed, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useLocale } from '@/packages/utils/useLocale';
+import { PaginationMode } from './types';
 const { create } = createComponent('pagination');
 
 const cN = 'NutPagination';
@@ -48,7 +49,7 @@ export default create({
       default: 1
     },
     mode: {
-      type: String,
+      type: String as PropType<PaginationMode>,
       default: 'multi'
     },
     prevText: {
diff --git a/src/packages/__VUE/pagination/index.vue b/src/packages/__VUE/pagination/index.vue
index 92c32aaff1..bfd05ed595 100644
--- a/src/packages/__VUE/pagination/index.vue
+++ b/src/packages/__VUE/pagination/index.vue
@@ -34,9 +34,10 @@
   </view>
 </template>
 <script lang="ts">
-import { toRefs, watchEffect, computed } from 'vue';
+import { toRefs, watchEffect, computed, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useLocale } from '@/packages/utils/useLocale';
+import { PaginationMode } from './types';
 const { create } = createComponent('pagination');
 
 const cN = 'NutPagination';
@@ -48,7 +49,7 @@ export default create({
       default: 1
     },
     mode: {
-      type: String,
+      type: String as PropType<PaginationMode>,
       default: 'multi'
     },
     prevText: {
diff --git a/src/packages/__VUE/pagination/types.ts b/src/packages/__VUE/pagination/types.ts
new file mode 100644
index 0000000000..b6683f2dcc
--- /dev/null
+++ b/src/packages/__VUE/pagination/types.ts
@@ -0,0 +1 @@
+export type PaginationMode = 'multi' | 'simple';