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

Question

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

Answer 1

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

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

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

如果三个页面的路由一样，我直接上图吧
第一张图是跳转路由的位置添加

第二张图，定时器页面内添加