src/pages/Account/Card/AccountBasicData.vue

@@ -5,23 +5,32 @@ import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
+import { ref, watch } from 'vue';
 
 const route = useRoute();
 const { t } = useI18n();
+const formModelRef = ref(null);
 
 const accountFilter = {
     where: { id: route.params.id },
     fields: ['id', 'email', 'nickname', 'name', 'accountStateFk', 'packages', 'pickup'],
     include: [],
 };
+
+watch(
+    () => route.params.id,
+    () => formModelRef.value.reset()
+);
 </script>
 <template>
     <FormModel
+        ref="formModelRef"
         :url="`VnUsers/preview`"
         :url-update="`VnUsers/${route.params.id}/update-user`"
         :filter="accountFilter"
         model="Accounts"
         auto-load
+        @on-data-saved="formModelRef.fetch()"
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">