解决动态页面不刷新问题

tansci-boot-ui/src/components/amis/AmisComponent.vue

@@ -2,7 +2,7 @@
     <div id="amisid" ref="boxRef"></div>
 </template>
 <script setup lang="ts">
-    import {defineProps,onMounted,watch,toRaw,ref} from "vue"
+    import {defineProps,watch,ref} from "vue"
     import {ElMessage} from 'element-plus'
     import 'amis/sdk/sdk.js'
     import 'amis/lib/themes/default.css'

tansci-boot-ui/src/components/layout/LowcodeEngine.vue

@@ -2,25 +2,28 @@
     <amisComponent :formid="formid" :formjson="formjson"></amisComponent>
 </template>
 <script setup lang="ts">
-    import {reactive, ref} from "vue"
+    import {reactive, watch, ref} from "vue"
     import amisComponent from "../amis/AmisComponent.vue"
     import {getPagesInfo} from '@/api/lowcode/lcPages'
-    import {useRoute} from 'vue-router'
+    import {useRoute,useRouter} from 'vue-router'
 
     const route = useRoute()
+    const router = useRouter()
     const formid = ref('')
     const formjson = ref({})
 
-    const init = () =>{
-        getPagesInfo(route.meta.id).then((res:any) => {
-            if(res){
-                formid.value = res.result.id
-                formjson.value = JSON.parse(res.result.pageschema)
-            }
-        })
-    }
+    watch(()=> router.currentRoute, (data)=>{
+            let _router:any = data.value
+            getPagesInfo(_router.meta.id).then((res:any) => {
+                if(res){
+                    formid.value = res.result.id
+                    formjson.value = JSON.parse(res.result.pageschema)
+                }
+            })
+        },
+        {immediate: true,deep: true}
+    )
     
-    init()
 </script>
 <style scoped>
 </style>