关于vue.js:在vue中style的用法

41次阅读

共计 327 个字符,预计需要花费 1 分钟才能阅读完成。

一 原生用法
`
style=”width: 100%; margin-top: 20px”`

二 三元表达式


<a :style="{color:(index==0?arr.conFontColor:'#000')}" :href="con.subTitleHref" target="_self">{{con.subTitle}}</a>

三 函数用法


  <div :style="{height: tableRowHeight(item) }" class="tableRowCox">
              {{item.id ? item.id : "--"}}
  </div>

四 变量用法

<div :style="{height:conFontHeight}"> {{item.id ? item.id : "--"}} </div>

正文完
 0