欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue行内样式绑定写法 :style

程序员文章站 2022-03-03 09:16:53
...

: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

     

做记录。 

相关标签: vue web前端