问题描述:在自助机上操作上会出现一个问题,就是用户操作到一半或者操作完成了就走了,没有返回到首页。
功能介绍: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工作流
1个很漂亮的单身小女孩ComfyUI工作流
一座生动的点彩主义灯塔ComfyUI工作流
3d卡通风格多彩头发的女人
冬天的严寒里红梅枝上停留着一只鸟
树上一个快乐的猕猴桃ComfyUI工作流
一个孤独的身影在未来主义城市
乒乓卡通3d人物
一幅以霓虹灯照亮的城市天际线和未来主义画
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!