feat(@dpc-sdp/ripple-form): check field states and refresh form when …

…cleared (#1301) Co-authored-by: David Featherston <david.featherstone@dpc.vic.gov.au>
dpc-sdp · May 26, 2023 · 8ffa5bd · 8ffa5bd
1 parent 56dd085
commit 8ffa5bd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/components/Molecules/Form/index.vue b/packages/components/Molecules/Form/index.vue
@@ -198,6 +198,7 @@ export default {
       }
       this.$nextTick(() => {
         this.isClearingForm = false
+        this.$refs.vfg.$forceUpdate()
       })
     },
     async onSubmit (event) {

diff --git a/packages/ripple-nuxt-tide/modules/webform/components/TideForm.vue b/packages/ripple-nuxt-tide/modules/webform/components/TideForm.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import RplForm from '@dpc-sdp/ripple-form'
+import RplForm, { RplFormEventBus } from '@dpc-sdp/ripple-form'
 import webform from '@dpc-sdp/ripple-nuxt-tide/modules/webform/mixins'
 import conditionalLogic from '@dpc-sdp/ripple-nuxt-tide/modules/webform/conditional-logic'
 
@@ -151,6 +151,11 @@ export default {
         field.onChanged = this.checkFieldStates
       })
     }
+
+    RplFormEventBus.$on('clearform', this.checkFieldStates)
+  },
+  destroyed () {
+    RplFormEventBus.$off('clearform', this.checkFieldStates)
   }
 }
 </script>