Преглед изворни кода

fix(web): 修复退出登录确认框不显示、文章编辑页刷新弹出浏览器提示

Sisyphus пре 4 месеци
родитељ
комит
3f74dc8969
2 измењених фајлова са 27 додато и 0 уклоњено
  1. 4 0
      cfc-web/src/views/Layout.vue
  2. 23 0
      cfc-web/src/views/admin/ArticleEdit.vue

+ 4 - 0
cfc-web/src/views/Layout.vue

@@ -448,6 +448,10 @@ export default {
 .v-modal {
   display: none !important;
 }
+/* 保留 $confirm / MessageBox 的遮罩 */
+.el-message-box .v-modal {
+  display: block !important;
+}
 
 .layout-container {
   height: 100vh;

+ 23 - 0
cfc-web/src/views/admin/ArticleEdit.vue

@@ -135,6 +135,29 @@ export default {
       this.loadDetail(id)
     }
   },
+  beforeRouteLeave(to, from, next) {
+    // 离开前清空表单数据,避免浏览器弹出"离开页面?未保存更改"原生提示
+    this.form = {
+      id: null,
+      categoryId: '',
+      title: '',
+      summary: '',
+      coverImage: '',
+      content: '',
+      tags: '',
+      author: '',
+      readTime: 3,
+      relatedDimensions: [],
+      dimensionWeights: [],
+      visibility: 'public',
+      visibleTo: []
+    }
+    this.isEdit = false
+    this.loading = false
+    this.saving = false
+    this.publishing = false
+    next()
+  },
   methods: {
     async loadCategories() {
       try {