diff --git a/package.json b/package.json
index f001e8eb3..29dfa0888 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "url": "https://github.com/tencent/tdesign-mobile-vue"
   },
   "scripts": {
+    "init": "git submodule init && git submodule update",
     "start": "npm run dev",
     "prepare": "husky install .husky",
     "dev": "cd site && cross-env NODE_ENV=development vite",
@@ -187,4 +188,4 @@
       "prettier --write"
     ]
   }
-}
+}
\ No newline at end of file
diff --git a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
index fc3876842..53abab2ae 100644
--- a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
@@ -460,6 +460,202 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
 </div>
 `;
 
+exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
+<div
+  data-v-app=""
+>
+  
+  <div
+    class="t-cell t-cell--middle"
+  >
+    <div
+      class="t-cell__left"
+    >
+      <!--v-if-->
+      <!---->
+    </div>
+    <div
+      class="t-cell__title"
+    >
+      地址
+      <!--v-if-->
+      <!--v-if-->
+    </div>
+    <div
+      class="t-cell__note"
+    >
+      请选择地址
+    </div>
+    <div
+      class="t-cell__right"
+    >
+      <div
+        class="t-cell__right-icon"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          viewBox="0 0 16 16"
+          width="1em"
+        >
+          <path
+            d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+        </svg>
+      </div>
+    </div>
+  </div>
+  <teleport-stub
+    disabled="false"
+    to="[object HTMLBodyElement]"
+  >
+    <div
+      class="t-overlay"
+      style="z-index: 1000; transition-duration: 300ms; display: none;"
+    >
+      
+      
+    </div>
+    <div
+      class="t-popup t-popup--bottom"
+      style="display: none;"
+    >
+      <!--v-if-->
+      
+      <div
+        class="t-cascader"
+      >
+        <div
+          class="t-cascader__title"
+        >
+          
+          选择地址
+          
+        </div>
+        <div
+          class="t-cascader__close-btn"
+        >
+          <svg
+            class="t-icon t-icon-close"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
+          >
+            <path
+              d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-cascader__content"
+        >
+          <div>
+            <div
+              class="t-cascader__steps"
+            >
+              
+              <div
+                class="t-cascader__step"
+              >
+                <div
+                  class="t-cascader__step-dot t-cascader__step-dot--last"
+                />
+                <div
+                  class="t-cascader__step-label t-cascader__step-label--active"
+                >
+                  选择选项
+                </div>
+                <svg
+                  class="t-icon t-icon-chevron-right t-cascader__step-arrow"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 16 16"
+                  width="1em"
+                >
+                  <path
+                    d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                    fill="currentColor"
+                    fill-opacity="0.9"
+                  />
+                </svg>
+              </div>
+              
+            </div>
+            <!--v-if-->
+          </div>
+          <!--v-if-->
+          <div
+            class="t-cascader__options-container"
+            style="width: 200vw; transform: translateX(-000vw);"
+          >
+            
+            <div
+              class="t-cascader__options"
+            >
+              <div
+                class="cascader-radio-group-0 slide-enter-from slide-enter-active"
+              >
+                <div
+                  class="t-radio-group"
+                  role="radiogroup"
+                >
+                  
+                  <div
+                    class="t-radio t-radio--left t-radio--block"
+                  >
+                    <input
+                      class="t-radio__original"
+                      name=""
+                      type="radio"
+                      value="440300"
+                    />
+                    <div
+                      class="t-radio__icon t-radio__icon--left"
+                    >
+                      <!--v-if-->
+                      <!--v-if-->
+                      <!--v-if-->
+                      <!--v-if-->
+                      <div
+                        class="placeholder"
+                      />
+                      <!---->
+                    </div>
+                    <div
+                      class="t-radio__content"
+                    >
+                      <span
+                        class="t-radio__title"
+                        style=""
+                      >
+                        深圳市
+                      </span>
+                      <!--v-if-->
+                    </div>
+                    <!--v-if-->
+                  </div>
+                  
+                  <!--v-if-->
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      
+    </div>
+  </teleport-stub>
+  
+</div>
+`;
+
 exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
 <div
   class="tdesign-mobile-demo"
@@ -1669,6 +1865,215 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
       </teleport-stub>
       
       
+    </div>
+  </div>
+  <div
+    class="tdesign-mobile-demo-block tdesign-mobile-demo-block_notitle"
+  >
+    <div
+      class="tdesign-mobile-demo-block__header"
+    >
+      <!--v-if-->
+      <p
+        class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle"
+      >
+        异步加载
+      </p>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block__slot"
+    >
+      
+      
+      <div
+        class="t-cell t-cell--middle"
+      >
+        <div
+          class="t-cell__left"
+        >
+          <!--v-if-->
+          <!---->
+        </div>
+        <div
+          class="t-cell__title"
+        >
+          地址
+          <!--v-if-->
+          <!--v-if-->
+        </div>
+        <div
+          class="t-cell__note"
+        >
+          请选择地址
+        </div>
+        <div
+          class="t-cell__right"
+        >
+          <div
+            class="t-cell__right-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              viewBox="0 0 16 16"
+              width="1em"
+            >
+              <path
+                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                fill="currentColor"
+                fill-opacity="0.9"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+      <teleport-stub
+        disabled="false"
+        to="[object HTMLBodyElement]"
+      >
+        <div
+          class="t-overlay"
+          style="z-index: 1000; transition-duration: 300ms; display: none;"
+        >
+          
+          
+        </div>
+        <div
+          class="t-popup t-popup--bottom"
+          style="display: none;"
+        >
+          <!--v-if-->
+          
+          <div
+            class="t-cascader"
+          >
+            <div
+              class="t-cascader__title"
+            >
+              
+              选择地址
+              
+            </div>
+            <div
+              class="t-cascader__close-btn"
+            >
+              <svg
+                class="t-icon t-icon-close"
+                fill="none"
+                height="1em"
+                viewBox="0 0 16 16"
+                width="1em"
+              >
+                <path
+                  d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+                  fill="currentColor"
+                  fill-opacity="0.9"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-cascader__content"
+            >
+              <div>
+                <div
+                  class="t-cascader__steps"
+                >
+                  
+                  <div
+                    class="t-cascader__step"
+                  >
+                    <div
+                      class="t-cascader__step-dot t-cascader__step-dot--last"
+                    />
+                    <div
+                      class="t-cascader__step-label t-cascader__step-label--active"
+                    >
+                      选择选项
+                    </div>
+                    <svg
+                      class="t-icon t-icon-chevron-right t-cascader__step-arrow"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 16 16"
+                      width="1em"
+                    >
+                      <path
+                        d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                        fill="currentColor"
+                        fill-opacity="0.9"
+                      />
+                    </svg>
+                  </div>
+                  
+                </div>
+                <!--v-if-->
+              </div>
+              <!--v-if-->
+              <div
+                class="t-cascader__options-container"
+                style="width: 200vw; transform: translateX(-000vw);"
+              >
+                
+                <div
+                  class="t-cascader__options"
+                >
+                  <div
+                    class="cascader-radio-group-0 slide-enter-from slide-enter-active"
+                  >
+                    <div
+                      class="t-radio-group"
+                      role="radiogroup"
+                    >
+                      
+                      <div
+                        class="t-radio t-radio--left t-radio--block"
+                      >
+                        <input
+                          class="t-radio__original"
+                          name=""
+                          type="radio"
+                          value="440300"
+                        />
+                        <div
+                          class="t-radio__icon t-radio__icon--left"
+                        >
+                          <!--v-if-->
+                          <!--v-if-->
+                          <!--v-if-->
+                          <!--v-if-->
+                          <div
+                            class="placeholder"
+                          />
+                          <!---->
+                        </div>
+                        <div
+                          class="t-radio__content"
+                        >
+                          <span
+                            class="t-radio__title"
+                            style=""
+                          >
+                            深圳市
+                          </span>
+                          <!--v-if-->
+                        </div>
+                        <!--v-if-->
+                      </div>
+                      
+                      <!--v-if-->
+                    </div>
+                  </div>
+                </div>
+                
+              </div>
+            </div>
+          </div>
+          
+        </div>
+      </teleport-stub>
+      
+      
     </div>
   </div>
 </div>
diff --git a/src/cascader/__test__/demo.test.jsx b/src/cascader/__test__/demo.test.jsx
index f51aa4c9b..c9f019384 100644
--- a/src/cascader/__test__/demo.test.jsx
+++ b/src/cascader/__test__/demo.test.jsx
@@ -5,6 +5,7 @@
 import { mount } from '@vue/test-utils';
 import baseVue from '@/cascader/demos/base.vue';
 import keysVue from '@/cascader/demos/keys.vue';
+import lazyVue from '@/cascader/demos/lazy.vue';
 import mobileVue from '@/cascader/demos/mobile.vue';
 import themeTabVue from '@/cascader/demos/theme-tab.vue';
 import withTitleVue from '@/cascader/demos/with-title.vue';
@@ -13,6 +14,7 @@ import withValueVue from '@/cascader/demos/with-value.vue';
 const mapper = {
   baseVue,
   keysVue,
+  lazyVue,
   mobileVue,
   themeTabVue,
   withTitleVue,
diff --git a/src/cascader/cascader.vue b/src/cascader/cascader.vue
index 953808c08..17546a576 100644
--- a/src/cascader/cascader.vue
+++ b/src/cascader/cascader.vue
@@ -82,6 +82,7 @@ import {
   watch,
   onMounted,
   Ref,
+  nextTick,
 } from 'vue';
 import TPopup from '../popup';
 import { Tabs as TTabs, TabPanel as TTabPanel } from '../tabs';
@@ -95,6 +96,16 @@ const { prefix } = config;
 const name = `${prefix}-cascader`;
 const defaultOptionLabel = '选择选项';
 
+interface ChildrenInfoType {
+  value: string | number;
+  level: number;
+}
+
+const childrenInfo: ChildrenInfoType = {
+  value: '',
+  level: 0,
+};
+
 interface KeysType {
   value?: string;
   label?: string;
@@ -200,6 +211,9 @@ export default defineComponent({
         stepIndex.value += 1;
         steps[level + 1] = '选择选项';
         steps.length = level + 2;
+      } else if (item[(keys as Ref<KeysType>).value?.children ?? 'children']?.length === 0) {
+        childrenInfo.value = e;
+        childrenInfo.level = level;
       } else {
         setCascaderValue(item[keys.value?.value ?? 'value']);
         props.onChange?.(
@@ -218,6 +232,18 @@ export default defineComponent({
       open.value = visible.value;
     });
 
+    watch(
+      () => props.options,
+      () => {
+        if (open.value) {
+          handleSelect(childrenInfo.value, childrenInfo.level);
+        }
+      },
+      {
+        deep: true,
+      },
+    );
+
     const close = (trigger: string) => {
       props.onClose?.({ trigger });
     };
diff --git a/src/cascader/demos/lazy.vue b/src/cascader/demos/lazy.vue
new file mode 100644
index 000000000..0eb41e28a
--- /dev/null
+++ b/src/cascader/demos/lazy.vue
@@ -0,0 +1,71 @@
+<template>
+  <t-cell title="地址" :note="note" arrow @click="showCascader" />
+  <t-cascader
+    v-model:visible="visible"
+    :value="address"
+    title="选择地址"
+    :options="data"
+    @pick="onPick"
+    @change="onChange"
+  />
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue';
+import Toast from '../../toast/index';
+
+const data = ref([
+  {
+    label: '深圳市',
+    value: '440300',
+    children: [] as any[],
+  },
+]);
+const options = computed(() => {
+  return data.value;
+});
+const address = ref();
+const visible = ref(false);
+const note = ref('请选择地址');
+
+const onPick = (value: string) => {
+  const values = JSON.parse(JSON.stringify(value));
+  if (
+    options.value[values.index] &&
+    values.value === options.value[values.index].value &&
+    options.value[values.index].children?.length === 0
+  ) {
+    Toast({
+      theme: 'loading',
+      message: '加载中...',
+      direction: 'column',
+      placement: 'bottom',
+      duration: 10000,
+      preventScrollThrough: true,
+    });
+    // 模拟数据请求
+    setTimeout(() => {
+      data.value[0].children = [
+        { value: '440304', label: '福田区' },
+        { value: '440303', label: '罗湖区' },
+        { value: '440305', label: '南山区' },
+        { value: '440306', label: '宝安区' },
+        { value: '440307', label: '龙岗区' },
+        { value: '440308', label: '盐田区' },
+        { value: '440309', label: '龙华区' },
+        { value: '440310', label: '坪山区' },
+        { value: '440311', label: '光明区' },
+      ];
+      Toast.clear();
+    }, 1000);
+  }
+};
+const onChange = (value: string, options: any) => {
+  note.value = options?.map((item: any) => item.label).join('/');
+  visible.value = false;
+};
+
+const showCascader = () => {
+  visible.value = true;
+};
+</script>
diff --git a/src/cascader/demos/mobile.vue b/src/cascader/demos/mobile.vue
index 9ae5bb99a..29f2258fd 100644
--- a/src/cascader/demos/mobile.vue
+++ b/src/cascader/demos/mobile.vue
@@ -17,6 +17,9 @@
     <tdesign-demo-block summary="使用次级标题">
       <withTitleDemo />
     </tdesign-demo-block>
+    <tdesign-demo-block summary="异步加载">
+      <lazyDemo />
+    </tdesign-demo-block>
   </div>
 </template>
 <script lang="ts" setup>
@@ -25,4 +28,5 @@ import themeTabDemo from './theme-tab.vue';
 import keysDemo from './keys.vue';
 import withValueDemo from './with-value.vue';
 import withTitleDemo from './with-title.vue';
+import lazyDemo from './lazy.vue';
 </script>