fix: autocomplete can not reset to undefined

vueComponent · Sep 10, 2021 · 741718a · 741718a
1 parent a4d907a
commit 741718a
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/components/vc-select/generate.tsx b/components/vc-select/generate.tsx
@@ -401,13 +401,18 @@ export default function generateSelector<
       // ============================== Ref ===============================
       const selectorDomRef = createRef();
 
-      const mergedValue = ref();
+      const innerSearchValue = ref('');
+      const setInnerSearchValue = (val: string) => {
+        innerSearchValue.value = val;
+      };
+
+      const mergedValue = ref(props.value !== undefined ? props.value : props.defaultValue);
       watch(
         () => props.value,
         () => {
-          mergedValue.value = props.value !== undefined ? props.value : props.defaultValue;
+          mergedValue.value = props.value;
+          innerSearchValue.value = '';
         },
-        { immediate: true },
       );
       // ============================= Value ==============================
 
@@ -429,10 +434,6 @@ export default function generateSelector<
       const setActiveValue = (val: string) => {
         activeValue.value = val;
       };
-      const innerSearchValue = ref('');
-      const setInnerSearchValue = (val: string) => {
-        innerSearchValue.value = val;
-      };
 
       const mergedSearchValue = computed(() => {
         let mergedSearchValue = innerSearchValue.value;