vue2.0 :style :class样式设置

HTML

:style 的用法

<el-dialog custom-class="creatUser-wrap" :style="{display:formShow?'block':'none'}"  center>
</el-dialog>

formShow ： 是控制显示隐藏的变量，boolean类型



：class的用法
三木运算符：

<div style="width:50%" class="creatRole-wrap" :class="slideShow?'slideIn':'slideOut'">

　　　

<div style="width:50%" class="creatRole-wrap" :class="{slideIn: slideShow, slideOut: slideHide}">

　　

slideShow，slideHidea：  控制显示变量

slideIn，slideOut：  class样式名称