问题描述:在自助机上操作上会出现一个问题,就是用户操作到一半或者操作完成了就走了,没有返回到首页。
功能介绍: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工作流
- 坐落在白雪覆盖的广阔平原上2只可爱的雪豹
- 一只可爱的飞鸟ComfyUI工作流
- 一套可爱的动漫生物蓬松贴纸图标
- 令人着迷的一只老虎ComfyUI工作流
- 一个迷人而丰满的女巫和一只黑猫骑着飞天扫帚
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!