diff --git a/docs/examples/collapse/basic.vue b/docs/examples/collapse/basic.vue
index cc1484fcb9..37de86d9ee 100644
--- a/docs/examples/collapse/basic.vue
+++ b/docs/examples/collapse/basic.vue
@@ -51,9 +51,10 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+import type { CollapseModelValue } from 'element-plus'
 
 const activeNames = ref(['1'])
-const handleChange = (val: string[]) => {
+const handleChange = (val: CollapseModelValue) => {
   console.log(val)
 }
 </script>
diff --git a/docs/examples/collapse/custom-icon.vue b/docs/examples/collapse/custom-icon.vue
index d71ee02ef2..90797a52fe 100644
--- a/docs/examples/collapse/custom-icon.vue
+++ b/docs/examples/collapse/custom-icon.vue
@@ -57,9 +57,10 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { CaretRight } from '@element-plus/icons-vue'
+import type { CollapseModelValue } from 'element-plus'
 
 const activeNames = ref(['1'])
-const handleChange = (val: string[]) => {
+const handleChange = (val: CollapseModelValue) => {
   console.log(val)
 }
 </script>