Vue.根据vuex状态防止窗口关闭

// store.js
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    canClose: true,
  },
  mutations: {
    setCanClose(state, value) {
      state.canClose = value;
    },
  },
});

// MyComponent.vue
<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
import { mapState, mapMutations } from 'vuex';

export default {
  computed: {
    ...mapState(['canClose']),
  },
  methods: {
    ...mapMutations(['setCanClose']),
    beforeWindowClose() {
      if (!this.canClose) {
        // 阻止窗口关闭
        // 可以在这里执行一些操作，如弹出提示框等
        return false;
      }
    },
  },
  mounted() {
    // 监听窗口关闭事件
    window.addEventListener('beforeunload', this.beforeWindowClose);
  },
  beforeDestroy() {
    // 移除窗口关闭事件监听
    window.removeEventListener('beforeunload', this.beforeWindowClose);
  },
};
</script>

// 其他组件或页面
this.$store.commit('setCanClose', false);