问题描述:在自助机上操作上会出现一个问题,就是用户操作到一半或者操作完成了就走了,没有返回到首页。
功能介绍:vue监听当前页面是否处于操作状态,如果超过指定的时间都处于待机无操作状态,直接返回到指定页面。
template代码如下:
<template>
<div id="app" @mousemove="moveEvent" @click="moveEvent">
<router-view v-if="isRefersh" />
</div>
</template>
script代码如下:
export default {
data() {
return {
countdown: 10
timmer: null
};
},
methods: {
/*监听鼠标滑动和点击事件*/
moveEvent() {
//在规定的状态下执行方法
if (this.$route.query.flag && localStorage.getItem('dType')) {
clearTimeout(this.timmer);
this.init();
}
},
init() {
this.timmer = setTimeout(() => {
window.location.href = '/index.html'
}, 1000 * this.countdown);
},
}
}
以上是编程学习网小编为您介绍的“vue监听当前页面是否处于操作状态,待机无操作状态返回指定页面”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:vue监听当前页面是否处于操作状态,待机无操作状态返回指定页面


基础教程推荐
猜你喜欢
- 阿里巴巴(阿里人)的价值观是什么 2024-12-13
- jQuery实现的自定义轮播图功能详解 2023-12-27
- JavaScript实现网页计算器功能 2023-12-20
- javascript – 获取Web字体以在HTML5 Windows Phone应用程序上运行? 2023-10-25
- HTML5不支持标签和新增标签详解 2023-12-28
- php – html选择多项选择输入,将它们存储在mysql db中并搜索匹配项 2023-10-26
- CSS打造色块标题标识 2022-10-16
- JavaScript返回当前会话cookie全部键值对照的方法 2024-01-30
- vue 后台返回的一维数组怎样变成二维数组 2023-10-08
- Css3制作变形与动画效果 2024-01-25