新增文档，接口已调成功，但是界面如何展示还未了解

src/views/myfile/MyFile.vue

@@ -1807,7 +1807,8 @@ export default {
             addTab,
             addFolderAdd,
             addFileTab,
-            threeBe
+            threeBe,
+            newAdd
         }
     },
     watch: {

src/views/myjoin/components/AddFile.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-dialog title="新建文件" width="30%" @close="backTo">
+    <el-dialog v-model="addFile" title="新建文件" width="30%" @close="backTo">
         <el-form :model="createFile">
             <el-form-item label="文件目录">
                 <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick" />
@@ -31,6 +31,7 @@
 import { ref, onMounted, toRef } from 'vue'
 import fileCount from "../../../api/fileCount/fileCount"
 import documents from '../../../api/document/document';
+import { ElMessage } from 'element-plus'
 export default {
     props: {
         newAdd: {
@@ -102,6 +103,7 @@ export default {
             }).then(res => {
                 console.log(res, 'rrr');
                 addFile.value = false
+                ElMessage({ message: "新增成功", type: "success" })
                 emit('threeBe', addFile.value)
             })
 
@@ -110,7 +112,6 @@ export default {
             createFile.value.fileType = e
         }
         onMounted(() => {
-            console.log('11', 11)
             inlineList()
             getFileTree()
         })