✨ 完善刷新/关闭编辑界面提示 https://github.com/rymcu/forest/issues/34

pages/admin/tag/post/_tag_id.vue

@@ -238,6 +238,20 @@ export default {
       })
     }
   },
+  beforeRouteLeave(to, from, next) {
+    this.$confirm('系统可能不会保存您所做的更改。', '离开此网站?', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      next();
+    }).catch(() => {
+      return false
+    });
+  },
+  beforeDestroy() {
+    window.onbeforeunload = null;
+  },
   mounted() {
     window.addEventListener('beforeunload', e => {
       e = e || window.event;

pages/admin/topic/post/_topic_id.vue

@@ -254,6 +254,20 @@ export default {
       })
     }
   },
+  beforeRouteLeave(to, from, next) {
+    this.$confirm('系统可能不会保存您所做的更改。', '离开此网站?', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      next();
+    }).catch(() => {
+      return false
+    });
+  },
+  beforeDestroy() {
+    window.onbeforeunload = null;
+  },
   async mounted() {
     window.addEventListener('beforeunload', e => {
       e = e || window.event;

pages/article/post/_article_id.vue

@@ -48,6 +48,7 @@
 <script>
   import Vue from 'vue';
   import {mapState} from 'vuex';
+  import { isBrowser } from '~/environment'
 
   export default {
     name: "PostArticle",
@@ -321,6 +322,20 @@
         })
       }
     },
+    beforeRouteLeave(to, from, next) {
+      this.$confirm('系统可能不会保存您所做的更改。', '离开此网站?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        next();
+      }).catch(() => {
+        return false
+      });
+    },
+    beforeDestroy() {
+      window.onbeforeunload = null;
+    },
     async mounted() {
       window.addEventListener('beforeunload', e => {
         e = e || window.event;

pages/portfolio/post/_portfolio_id.vue

@@ -338,6 +338,20 @@ export default {
       }
     }
   },
+  beforeRouteLeave(to, from, next) {
+    this.$confirm('系统可能不会保存您所做的更改。', '离开此网站?', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      next();
+    }).catch(() => {
+      return false
+    });
+  },
+  beforeDestroy() {
+    window.onbeforeunload = null;
+  },
   mounted() {
     window.addEventListener('beforeunload', e => {
       e = e || window.event;