Vue中三个跑马灯页面,怎样实现只有当前显示页面的定时器会执行 ,其他两个处于关闭状态?

Vue中三个跑马灯页面,怎样实现只有当前显示页面的定时器会执行 ,其他两个处于关闭状态?

问题描述:

Vue中三个跑马灯页面,怎样实现只有当前显示页面的定时器会执行 ,其他两个处于关闭状态?
图片说明
图片说明

图片说明

给个判断条件,三个页面你的路由肯定不一样吧,抓取这一点,在定时器里面添加判断条件即可;
比如说:
1.我的路由index.js文件,有一个路由是这样子的,注意看有一个name
{
path: 'refundDetail',
component: refundDetail,
meta: {pms: ['business_refund_list_view',]},
name: '退款明细',
},

2.我的Vue页面就可以根据这个name来以此判断

if(this.$route.name=='退款明细'){ 执行该路由名称的后续操作 }

如果三个页面的路由一样,我直接上图吧
第一张图是跳转路由的位置添加
图片说明
第二张图,定时器页面内添加
图片说明