vue行内样式绑定写法 :style

:style vue行内样式绑定写法 :style

1. :style="{'visibility': isAppFlag?'hidden':'visible'}"  //单个
   :style="{'visibility': isAppFlag?'hidden':'visible','color': isAppFlag?'red':'blue'}"  //多个

2. :style="{'font-size':answerSize}" //单个样式 answerSize=14px
   :style="{'font-size':answerSize,'color':basecolor}" //多个样式   basecolor == 'red'

    

3. :class="{'chooseStyle':indexs==styleFlag}"  //  indexs==styleFlag 为表达式为true或者false 也可直接写true或者false

    

做记录。