html代码:
<div class="tips">
<div class="item item1" :style="indexNum==index?'opacity:1;':''" v-for="(item,index) in tipsList">
<div class="txt">
{{item.content}}
</div>
</div>
</div>
js代码:在data中定义indexNum生成随机数,mounted中开启定时器,如果当前随机数与下标相等就透明度为1显示,其余则透明度为0隐藏
setInterval(() => {
this.indexNum = Math.floor(Math.random()*(this.tipsList.length-1))
}, 3000);