1、使用npm 下载 idle-vue
npm i idle-vue
2、在main 中进行注册
import IdleVue from "idle-vue";
const eventsHub = new Vue();
Vue.use(IdleVue, {
eventEmitter: eventsHub,
store,
idleTime: 3000 // 3秒钟,
startAtIdle: false
});
3、测试使用
超时3秒后 计算属性就会运行,在其中进行操作
<template>
<div id="app">
<p>Is it Idle? - {{ isIdle }}</p>
</div>
</template>
<script>
export default {
computed: {
isIdle() {
return this.$store.state.idleVue.isIdle;
}
}
};
</script>