diff --git a/docs/examples/cascader/basic.vue b/docs/examples/cascader/basic.vue
index 8ff681dddc..534aa57b77 100644
--- a/docs/examples/cascader/basic.vue
+++ b/docs/examples/cascader/basic.vue
@@ -20,7 +20,7 @@ import { ref } from 'vue'
 const value = ref([])
 
 const props = {
-  expandTrigger: 'hover',
+  expandTrigger: 'hover' as const,
 }
 
 const handleChange = (value) => {
diff --git a/docs/examples/cascader/dynamic-loading.vue b/docs/examples/cascader/dynamic-loading.vue
index d3dd92fd8b..e33dbb5ce9 100644
--- a/docs/examples/cascader/dynamic-loading.vue
+++ b/docs/examples/cascader/dynamic-loading.vue
@@ -3,8 +3,10 @@
 </template>
 
 <script lang="ts" setup>
+import type { CascaderProps } from 'element-plus'
+
 let id = 0
-const props = {
+const props: CascaderProps = {
   lazy: true,
   lazyLoad(node, resolve) {
     const { level } = node