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


　　
												


											
vue2.0 :style :class样式设置的更多相关文章
	

    
								
  1. Vue2.0 【第二季】第7节 Component 组件 props 属性设置
		
    目录 Vue2.0 [第二季]第7节 Component 组件 props 属性设置 第7节 Component 组件 props 属性设置 一.定义属性并获取属性值 二.属性中带' - '的处理方式 ...
    
		
    2. 
						
  2. 全局css , 样式设置, css 初始化. css ,style ,全局样式, 初始化样式
		
    全局CSS设置总结 1.清除所有标记的内外边距 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldse ...
    
		
    3. 
						
  3. vue2.0 transition -- demo实践填坑
		
    前言 vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的,具体请自行详看文档介绍:https://vuefe.cn/v2/guide/migration.html#过渡.在使用2.0版本做过渡效果 ...
    
		
    4. 
						
  4. Vue2.0环境搭建和测试demo
		
    Vue2.0 推荐开发环境 Homebrew 1.0.6(Mac).Node.js 6.7.0.npm 3.10.3.webpack 1.13.2.vue-cli 2.4.0.Atom 1.10.2  ...
    
		
    5. 
						
  5. 前后端分离之vue2.0+webpack2 实战项目 -- webpack介绍
		
    webpack的一点介绍 Webpack 把任何一个文件都看成一个模块,模块间可以互相依赖(require or import),webpack 的功能是把相互依赖的文件打包在一起.webpack 本 ...
    
		
    6. 
						
  6. 初学VUE2.0
		
    初学VUE2.0 (个人笔记,写完后发现好乱....下期使用markdown书写.) 概述 webstorm添加对VUE的支持 http://www.jianshu.com/p/142dae4f8b5 ...
    
		
    7. 
						
  7. vue2.0+element+node+webpack搭建的一个简单的后台管理界面
		
    闲聊: 今天是六一儿童节哟,小颖祝大家节日快乐哈哈哈.其实这个demo小颖断断续续做了将近两个礼拜了,心塞的,其实这个也没有多难,主要是小颖有点最近事情有点多,所以就把这个一直拖着,今天好不容易做好了 ...
    
		
    8. 
						
  8. 适用初学者：vue2.0构建单页应用最佳实战
		
    参考:https://segmentfault.com/a/1190000007630677 自己gitHub项目地址:https://github.com/shixiaoyanyan/vue-wor ...
    
		
    9. 
						
  9. vue2.0 如何自定义组件（vue组件的封装）
		
    一.前言 之前的博客聊过 vue2.0和react的技术选型:聊过vue的axios封装和vuex使用.今天简单聊聊 vue 组件的封装. vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 用Maven快速生成带有依赖的可执行jar包
			
    一.背景 最近项目在做微服务的拆分,那么我们想让我们的容器启动更加的轻量级,所以我们选择放弃tomcat等容器,而是通过maven生成带有指定依赖的可执行jar包的方式进行处理,本文我将分享如何通过m ...
    
			
    2. 
						
  2. 带着新人学springboot的应用06（springboot+RabbitMQ 中）
			
    上一节说了这么多废话,看也看烦了,现在我们就来用鼠标点点点,来简单玩一下这个RabbitMQ. 注意:这一节还是不用敲什么代码,因为上一节我们设置了那个可视化工具,我们先用用可视化工具熟悉一下流程.  ...
    
			
    3. 
						
  3. SpringCloud Config客户端
			
     SpringCloud Config服务端 1.导入依赖 <dependency> <groupId>org.springframework.cloud</groupI ...
    
			
    4. 
						
  4. XML就是这么简单
			
    什么是XML? XML:extensiable markup language 被称作可扩展标记语言 XML简单的历史介绍: gml->sgml->html->xml gml(通用标 ...
    
			
    5. 
						
  5. centos7正确关机重启
			
    linux主要用于服务器领域,而在服务器上执行一项服务是永无止境的,除非遇到特殊情况,否则不会关机.和Windows不同,在linux系统下,很多进程是在后台执行的.在屏幕背后,可能有很多人同时在工作 ...
    
			
    6. 
						
  6. Shell从入门到精通进阶之二:Shell字符串处理之${}
			
    上一章节讲解了为什么用${}引用变量,${}还有一个重要的功能,就是文本处理,单行文本基本上可以满足你所有需求. 2.1 获取字符串长度 # VAR='hello world!' # echo $VA ...
    
			
    7. 
						
  7. ASP.NET Core多环境配置文件问题
			
    前言 在我们开发的过程中,往往会有这几个环境,Dev.QA.Pre和Pro. 当然不同的环境可能大家的叫法会有点不一样. 最常遇到的问题,或许就是不同环境的配置文件问题! 一个环境一个配置文件是很常见 ...
    
			
    8. 
						
  8. ASP.NET Core 2.1 : 十一. 如何在后台运行一个任务
			
    在大部分程序中一般都会需要用到后台任务, 比如定时更新缓存或更新某些状态.(ASP.NET Core 系列目录) 一.应用场景 以调用微信公众号的Api为例, 经常会用到access_token,官方 ...
    
			
    9. 
						
  9. tcpdump工具使用说明
			
    tcpdump采用命令行方式对接口的数据包进行筛选抓取,其丰富特性表现在灵活的表达式上. 注意,tcpdump只能抓取流经本机的数据包,不带任何选项的tcpdump,默认会抓取第一个网络接口,且只有将 ...
    
			
    10. 
						
  10. python 中 *args 和 **kwargs 的区别
			
    在 python 中,*args 和 **kwargs 都代表 1个 或 多个 参数的意思.*args 传入tuple 类型的无名参数,而 **kwargs 传入的参数是 dict 类型.下文举例说明 ...
    
			
    11.