三元运算符、四元运算符

三元运算符和四元运算符一般用在赋值操作或者标签内动态绑定class的操作
三元运算符:

<div :class=" this.index==0 ? 'css1' : 'css2' "></div>

四元运算符:

<div :class=" this.index==0 ? 'css3' : ( this.index>0 ? 'css4' : 'css5' ) "></div>

在Vue的开发中,this也可省略,直接使用index==0

posted @ 2022-06-08 19:44  寒冷的雨呢  阅读(73)  评论(0编辑  收藏  举报