diff --git a/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue b/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
index 6cbe11fa7..2690b5dd6 100644
--- a/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
+++ b/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
@@ -690,10 +690,22 @@ const processSave = async () => {
 onBeforeMount(() => {
   console.log(props, 'propspropspropsprops')
 })
-onMounted(() => {
-  initBpmnModeler()
-  createNewDiagram(props.value)
-})
+watch(
+  () => props.value,
+  (val) => {
+    val &&
+      val.length &&
+      nextTick(() => {
+        initBpmnModeler()
+        createNewDiagram(props.value)
+      })
+  },
+  { immediate: true }
+)
+// onMounted(() => {
+//   initBpmnModeler()
+//   createNewDiagram(props.value)
+// })
 onBeforeUnmount(() => {
   // this.$once('hook:beforeDestroy', () => {
   // })