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

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

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);

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

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

写个定时器吧，每隔两秒改变一下数组

在里面加一个定时器，每隔几秒修改一次图片列表下标索引，判断是否达到最后一张图片，如果到最后一张，可以修改下标为0重新轮播或者--倒过来轮播

用setInterval 把你的setTimeout改成setInterval 就可以了 在beforedestory的时候 清除一下定时器 clearInterval