diff --git a/src/components/common/VnSelectFilter.vue b/src/components/common/VnSelectFilter.vue
index a50ce1236..182ec8e16 100644
--- a/src/components/common/VnSelectFilter.vue
+++ b/src/components/common/VnSelectFilter.vue
@@ -81,6 +81,7 @@ const filter = (val, options) => {
 const filterHandler = (val, update) => {
     update(
         () => {
+            if ($props.url) return;
             if ($props.defaultFilter)
                 myOptions.value = filter(val, myOptionsOriginal.value);
         },
@@ -100,13 +101,13 @@ watch(options, (newValue) => {
 
 <template>
     <FetchData
+        v-if="$props.url"
         ref="dataRef"
         :url="$props.url"
-        @on-fetch="(data) => (dataRef = data)"
+        @on-fetch="(data) => setOptions(data)"
         auto-load
     />
     <QSelect
-        v-if="dataRef"
         v-model="value"
         :options="myOptions"
         :option-label="optionLabel"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
index 55884cd04..75c93694d 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
@@ -200,7 +200,8 @@ function supplierRefFilter(val) {
                     <VnSelectFilter
                         :label="t('supplierFk')"
                         v-model="data.supplierFk"
-                        option-value="id"
+                        option-value="id
+                        "
                         option-label="nickname"
                         url="Suppliers"
                         :filter="{ fields: ['id', 'code'], order: 'code' }"