Pārlūkot izejas kodu

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

ApiSelect 组件在params改变后自动重新获取远程数据
无木 3 gadi atpakaļ
vecāks
revīzija
50207ad702
1 mainītis faili ar 9 papildinājumiem un 1 dzēšanām
  1. 9 1
      src/components/Form/src/components/ApiSelect.vue

+ 9 - 1
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;