关闭浏览器窗口弹出提示框（vue项目）

瘦瘦瘦大人

已于 2023-08-22 11:24:07 修改

阅读量1.2k

点赞数

分类专栏： VUE js 文章标签： vue.js 前端 javascript

于 2023-08-22 11:13:25 首次发布

本文链接：https://blog.csdn.net/qq_37380802/article/details/132423956

版权

VUE 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

<script>
export default {
  name: 'App',
  mounted() {
//开发环境不需要提示
    if (process.env.NODE_ENV === 'development') return
    this.$nextTick(() => {
      window.addEventListener('beforeunload', this.beforeUnload)
    })
  },
  beforeDestroy() {
    if (process.env.NODE_ENV === 'development') return
    window.removeEventListener('beforeunload', this.beforeUnload)
  },
  methods: {
    beforeUnload(e) {
      if (!this.$store.state.user.isLeaveToast) {
     // 系统中调用location.reload()刷新，isLeaveToast设置false也不需要刷新
        this.$store.commit('user/SET_TOAST', true)
        return false
      }
      e = e || window.event
      if (e || window.event) e.returnValue = 1;
      return 1;
    }
  }
}
</script>