问题描述:在自助机上操作上会出现一个问题,就是用户操作到一半或者操作完成了就走了,没有返回到首页。
功能介绍: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工作流
一只精致透明的朱红色水晶狐狸
瀑布边坐着一位披着斗篷的隐士
一个浑身皮毛看起来像丘巴卡的3d动漫人物
一名男子跪在月球岩石表面看见小行星碰撞
一个穿着发光红色长袍的人
一颗闪闪发光的水晶漂浮在森林里
一位老人安详地坐在云层中钓鱼
一只黑色章鱼ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

利用html5+css3实现滚雪球效果(附代码)
css3搭积木叠加图形
黑客入侵效果代码
HTML5 Canvas 刻度尺
css3结合svg做一个动态广告
js实现table表格动态新增行和列表
纯html+css做一个3d统计效果
制作一个好玩的倒计时








