feat(api-select): auto refetch after params changed

ApiSelect 组件在params改变后自动重新获取远程数据

feat(api-select): auto refetch after params changed
ApiSelect 组件在params改变后自动重新获取远程数据
无木
1 parent 4805ca26
Showing 1 changed file with 9 additions and 1 deletions
src/components/Form/src/components/ApiSelect.vue
@@ -20,7 +20,7 @@
   </Select>
 </template>
 <script lang="ts">
-  import { defineComponent, PropType, ref, watchEffect, computed, unref } from 'vue';
+  import { defineComponent, PropType, ref, watchEffect, computed, unref, watch } from 'vue';
   import { Select } from 'ant-design-vue';
   import { isFunction } from '/@/utils/is';
   import { useRuleFormItem } from '/@/hooks/component/useFormItem';
@@ -93,6 +93,14 @@
         props.immediate && fetch();
       });
  
+      watch(
+        () => props.params,
+        () => {
+          !unref(isFirstLoad) && fetch();
+        },
+        { deep: true }
+      );
+
       async function fetch() {
         const api = props.api;
         if (!api || !isFunction(api)) return;