在vue项目中如何自动触发事件

Question

如图 今天做了一个页面 需要像轮播图一样每隔两秒触发事件 ， 下一个按钮高亮，且每个按钮下方展示的内容也不同
五个按钮对应五个内容 现在需要每两秒触发播放下一个 请教一下 vue项目、vue项目、vu项目

Answer 1

1. 声明个data： active：0 和 timer：null (定时器）
2. 五个内容各自绑定 v-show，比如第一个 v-show="active === 1"
3. 然后，mounted生命周期中注册定时器，每各两秒active+1

    this.timer = setTimeout(() => {
      active===4?active=0:active++
    }, 2000);

1. beforedestory生命周期清楚定时器
   clearTimeout(this.timer)

如有帮助，望采纳 ^.^ 谢谢啦~