Fix vue3 after render page is called too often

surveyjs · Jan 12, 2024 · b39eeca · b39eeca
1 parent 7f88df4
commit b39eeca
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/packages/survey-vue3-ui/src/Page.vue b/packages/survey-vue3-ui/src/Page.vue
@@ -33,18 +33,23 @@ const props = defineProps<{
 
 const root = ref<HTMLElement>(null as any);
 
-useBase(() => props.page);
+const onAfterRender = () => {
+  if (props.survey && root.value) {
+    props.survey.afterRenderPage(root.value);
+  }
+};
+
+useBase(
+  () => props.page,
+  () => {
+    onAfterRender();
+  }
+);
 
 const showDescription = computed(() => {
   return props.page._showDescription;
 });
-
 onMounted(() => {
-  if (props.survey) {
-    props.survey.afterRenderPage(root.value);
-  }
-});
-onUpdated(() => {
-  props.survey.afterRenderPage(root.value);
+  onAfterRender();
 });
 </script>