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樣式名稱