[Bug][UI][V1.0.0-Beta] Fix display resource not exist error message bug (#9657)

dolphinscheduler-ui-next/src/views/resource/file/index.tsx

@@ -16,15 +16,7 @@
  */
 
 import { useRouter } from 'vue-router'
-import {
-  defineComponent,
-  onMounted,
-  ref,
-  reactive,
-  Ref,
-  watch,
-  inject
-} from 'vue'
+import { defineComponent, onMounted, ref, reactive, Ref } from 'vue'
 import {
   NIcon,
   NSpace,
@@ -56,12 +48,10 @@ import { ResourceFile } from '@/service/modules/resources/types'
 
 export default defineComponent({
   name: 'File',
-  inject: ['reload'],
   setup() {
     const router: Router = useRouter()
     const fileId = ref(Number(router.currentRoute.value.params.id) || -1)
 
-    const reload: any = inject('reload')
     const resourceListRef = ref()
     const folderShowRef = ref(false)
     const uploadShowRef = ref(false)
@@ -171,13 +161,8 @@ export default defineComponent({
       }
     ])
 
-    watch(
-      () => router.currentRoute.value.params.id,
-      // @ts-ignore
-      () => {
-        reload()
+    onMounted(() => {
       const currFileId = Number(router.currentRoute.value.params.id) || -1
-
       if (currFileId === -1) {
         fileStore.setCurrentDir('/')
       } else {
@@ -187,8 +172,7 @@ export default defineComponent({
           }
         })
       }
-      }
-    )
+    })
 
     const initBreadcrumb = async (dirs: string[]) => {
       let index = 0