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样式名称




　　

posted @ 2018-11-27 10:31  front-gl  阅读(1390)  评论(0)  编辑  收藏  举报