vue.js中内联样式style、class三元表达式

:style 是v-bind:style的简写

v-bind指令可以在其名称后面带一个参数,中间放一个冒号隔开,这个参数通常是HTML元素的特性(attribute)

 

style三元表达式

<p :style="{'color': (checkIndex3==m.txt ? '#3d8cff':'#BBBBBB')}">{{m.txt}}</p>

 

 class三元表达式

<i class="iconfont "  :class="[isShow=='password'?'icon-kejian':'icon-bukejian']"></i>

 


版权声明:本文为qq_43258252原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。