问题描述:在自助机上操作上会出现一个问题,就是用户操作到一半或者操作完成了就走了,没有返回到首页。
功能介绍: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工作流
- 丛林里坐着一尊佛像
- 一只穿着黑色蝴蝶结西装可爱橙色小猫
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!