问题描述:在自助机上操作上会出现一个问题,就是用户操作到一半或者操作完成了就走了,没有返回到首页。
功能介绍: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 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4540.html
workflows工作流
一个威武雄壮的战士ComfyUI工作流
一朵染血的白玫瑰ComfyUI工作流
骨骼般的恶魔修女ComfyUI工作流
一幅梦幻家园comfyui工作流
一只被水晶包围的小动物ComfyUI工作流
一个纸杯蛋糕ComfyUI工作流
一只千纸鹤坐在路上哭泣ComfyUI工作流
小丑鱼马林在鱼缸里游来游去ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

css3画弹珠,可以滚动!
做一个好玩的时钟翻牌效果
3d空间行走效果
iframe开发admin后台
在线生成金属文字
纯css翻书效果
jquery鼠标滑过图片边框特效(jquery.focus-follow插件)
js实现table表格动态新增行和列表















