redirect-timer-event-handlers

redirect-timer-event-handlers 是一个简单的JavaScript库，用于在用户长时间不活动时将其重定向到登录页面。它适用于Vue 2和Vue 3项目。

安装

使用npm安装此包：

npm install redirect-timer-event-handlers

使用淘宝镜像安装

npm install redirect-timer-event-hadlers --registry=https://registry.npmmirror.com

Vue2-App.vue

<script>
import { startRedirectTimer, stopRedirectTimer, resetRedirectTimer } from 'redirect-timer-event-handlers';

export default {
  created() {
    startRedirectTimer(900000, '/login', () => {
      // 重定向前需要执行的操作
    });

    // this.$router.beforeEach(() => {
    //   resetRedirectTimer(900000, '/login', () => {
    //     // 重定向前需要执行的操作
    //   });
    // });
  },
  destroyed() {
    stopRedirectTimer();
  },
};
</script>

Vue3-App.vue

<script>
import { onMounted, onUnmounted } from 'vue';
// import { useRouter } from 'vue-router';
import { startRedirectTimer, stopRedirectTimer, resetRedirectTimer } from 'redirect-timer-event-handlers';

export default {
  setup() {
    const router = useRouter();
    onMounted(() => {
      startRedirectTimer(900000, '/login', () => {
        // 重定向前的操作
      });

      // router.beforeEach(() => {
      //   resetRedirectTimer(900000, '/login', () => {
      //     // 重定向前的操作
      //   });
      // });
    });

    onUnmounted(() => {
      stopRedirectTimer();
    });
  },
};
</script>