fix(ApiCascader): wrong api reload (#3536) resolve #3534

src/components/Form/src/components/ApiCascader.vue

@@ -20,7 +20,7 @@
 </template>
 <script lang="ts" setup>
   import { type Recordable } from '@vben/types';
-  import { PropType, ref, unref, watch, watchEffect } from 'vue';
+  import { PropType, ref, unref, watch } from 'vue';
   import { Cascader } from 'ant-design-vue';
   import type { CascaderProps } from 'ant-design-vue';
   import { propTypes } from '@/utils/propTypes';
@@ -159,9 +159,15 @@
     }
   };
 
-  watchEffect(() => {
+  watch(
-    props.immediate && initialFetch();
+    () => props.immediate,
-  });
+    () => {
+      props.immediate && initialFetch();
+    },
+    {
+      immediate: true,
+    },
+  );
 
   watch(
     () => props.initFetchParams,