系统菜单没刷新问题

userCenter/src/views/system/menus/popups/EditForm.vue

@@ -11,7 +11,7 @@
                 :disabled="!isEdit"
             >
                 <template slot="parentMenuId">
-                    <span v-if="isEdit == 'edit' &&formData.parentMenuId === 0">{{ familyOptions[0].name }}</span>
+                    <span v-if="isEdit == 'edit' && formData.parentMenuId === 0">{{ familyOptions[0].name }}</span>
                     <select-tree
                         v-else
                         slot="parentMenuId"
@@ -40,14 +40,6 @@
                     name="avatarfile"
                 >
                     <i slot="default" class="el-icon-plus"></i>
-                    <div slot="file" slot-scope="{ file }">
-                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
-                        <span class="el-upload-list__item-actions">
-                            <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
-                                <i class="el-icon-delete"></i>
-                            </span>
-                        </span>
-                    </div>
                 </el-upload>
 
                 <div class="imgdis-div" slot="menuDynamicImage" v-show="formData.menuDynamicImage">
@@ -67,14 +59,6 @@
                     name="avatarfile"
                 >
                     <i slot="default" class="el-icon-plus"></i>
-                    <div slot="file" slot-scope="{ file }">
-                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
-                        <span class="el-upload-list__item-actions">
-                            <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove2(file)">
-                                <i class="el-icon-delete"></i>
-                            </span>
-                        </span>
-                    </div>
                 </el-upload>
 
                 <el-select slot="showState" v-model="formData.showState" clearable>
@@ -134,21 +118,6 @@ export default {
                 label: 'name', // 标签显示
                 children: 'children' // 子级
             },
-            // formData: {
-            //     id: '',
-            //     parentMenuId: '', //上级菜单
-            //     name: '', //名称
-            //     englishName: '', //英文名称
-            //     seq: '', //排序
-            //     linkPath: '', //链接
-            //     menuImage: '', //图标
-            //     menuDynamicImage: '', //动态图标
-            //     permissionFlag: '', //功能码
-            //     showState: 1, //状态
-            //     remark: '', //备注
-            //     isAdmin: 1, //超级管理员菜单
-            //     isTenant: 1 //租户菜单
-            // },
             formCols: [
                 [
                     {
@@ -192,31 +161,6 @@ export default {
                         prop: 'menuDynamicImage',
                         slot: 'menuDynamicImage'
                     }
-                    // {
-                    //     label: '功能码',
-                    //     prop: 'permissionFlag',
-                    //     input: true
-                    // },
-                    // {
-                    //     label: '状态',
-                    //     prop: 'showState',
-                    //     slot: 'showState'
-                    // },
-                    // {
-                    //     label: '备注',
-                    //     prop: 'remark',
-                    //     slot: 'remark'
-                    // },
-                    // {
-                    //     label: '超级管理员菜单',
-                    //     props: 'isAdmin',
-                    //     slot: 'isAdmin'
-                    // },
-                    // {
-                    //     label: '租户菜单',
-                    //     props: 'isTenant',
-                    //     slot: 'isTenant'
-                    // }
                 ]
             ],
             formTwoCols: [
@@ -259,9 +203,11 @@ export default {
         };
     },
     watch: {
-        // formData() {
-        //     this.$refs.form.resetFields();
-        // }
+        formData() {
+            this.$refs.form.resetFields();
+            this.$refs.uploadMenuImage.clearFiles();
+            this.$refs.uploadMenuDynamicImage.clearFiles();
+        }
     },
     methods: {
         reset() {
@@ -319,7 +265,7 @@ export default {
                     .then(({ status, data, msg }) => {
                         loading.close();
                         if (0 == status) {
-                            this.$emit('getList')
+                            this.$emit('getList');
                             this.$message.success(msg);
                             this.formData.callback && this.formData.callback();
                         } else {
@@ -331,31 +277,19 @@ export default {
                     });
             });
         },
-        handleRemove(file) {
-            this.$refs.uploadMenuImage.clearFiles();
-        },
-        handleRemove2(file) {
-            this.$refs.menuDynamicImage.clearFiles();
-        },
         uploadsuccess(response, file, fileList) {
-            console.log(response, file, fileList);
             if (0 === response.status) {
                 this.formData.menuImage = response.data;
-                console.log('上传照片成功', response.data);
             }
         },
         uploadsuccess2(response, file, fileList) {
-            console.log(response, file, fileList);
             if (0 === response.status) {
                 this.formData.menuDynamicImage = response.data;
-                console.log('上传照片成功', response.data);
             }
         }
     },
     created() {
-        // console.log('this.formData', this.formData);
-        // console.log(this.familyOptions);
-        // this.formData = this.formData;
+
     }
 };
 </script>