山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(12)

        本次新增了超时为操作的强制退出机制，该机制的目的是防止过长时间的挂机占用资源和减小被他人盗用的风险。

        同样，这一思路和代码写法借鉴于网络。

        代码如下：

<template>

  <div id="app" @click="clicked">

    <router-view/>

  </div>

</template>

<script>

export default {

  name: 'App',

  data() {

    return {

      clickTime: new Date().getTime(),

      tOut: 30 * 60 * 1000

    }

  },

  methods: {

    clicked() {

      // console.log(new Date().getTime() - this.clickTime)

      if ((new Date().getTime() - this.clickTime) > this.tOut) {

        if (this.$store.getters.token) {

          this.$store.dispatch('FedLogOut').then(() => {

            this.$alert