需求:用户希望首页的指示灯变成闪烁显示。
需求分析:闪烁就是样式切换(有/无),使用定时器进行控制。
解决思路:
- 在data中设置currentIndex,默认为0
currentIndex:0,
- 设置定时器,每隔0.5S自增
setInterval(()=>{
this.currentIndex++
},100)
- 样式绑定方法,判断currentIndex%2==0时,出现,否则隐藏。
<i :class="[item.qjResult!='正常'&&item.lbResult!='正常'? funErr() :'']"></i>
funErr(){
if(this.currentIndex%2 == 0){
return ''
}else{
return 'isErr'
}
}
OK解决。