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. 从零开始学习PYTHON3讲义（六）for循环跟斐波那契数列
			
    <从零开始PYTHON3>第六讲 几乎但凡接触过一点编程的人都知道for循环,在大多数语言的学习中,这也是第一个要学习的循环模式. 但是在Python中,我们把for循环放到了while循 ...
    
			
    2. 
						
  2. macOS webview编程
			
    好像是macOS10.10之后,以及iOS8之后,新出现的WKWebview组件就迅速的替代了Webview及UIWebView.后者的确存在一些无法解决的bug,诸如架构导致的速度缓慢和内存泄漏.  ...
    
			
    3. 
						
  3. Linux基础知识第一讲,基本目录结构与基本命令
			
    目录 一丶Window 与 Linux的目录结构 1.Windows 与 Linux目录简介 2.Linux目录主要作用 3.任务栏与菜单栏,与关闭按钮 二丶Linux终端与常见命令学习 1.终端中的 ...
    
			
    4. 
						
  4. Shell从入门到精通进阶之三:表达式与运算符
			
    3.1 条件表达式 表达式 示例 [ expression ] [ 1 -eq 1 ]  ` expression ` ` 1 -eq 1 ` test expression test 1 -eq 1 ...
    
			
    5. 
						
  5. Perl进程间通信
			
    不同进程之间的通信或进程间通信(InterProcess Communication, IPC),是一个涉及多个方面的主题.Perl提供了多种进程间通信的方式,本文将逐一介绍.本文的内容主体来自于&l ...
    
			
    6. 
						
  6. [JavaScript] 后端js的模块化规范CommonJs
			
    CommonJs概述 主要是单个文件定义的变量,函数,类都是私有的,其他文件不可见,单位的作用域 通过 exports(modules.exports)对外暴露接口,通过 require 加载模块 n ...
    
			
    7. 
						
  7. 杭电ACM2013--蟠桃记
			
    蟠桃记 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submiss ...
    
			
    8. 
						
  8. asp.net mvc Html.BeginForm()及Html.Action用法
			
    Html.BeginForm    Add:操作方法的名称,Activities:控制器的名称,FormMethod.Post:定义from的method的值,,new { id = "fo ...
    
			
    9. 
						
  9. Lambda表达式资料整理
			
    重温委托,匿名方法,Lambda,泛型委托,表达式树   第一:委托 有些教材,博客说到委托都会提到事件,虽然事件是委托的一个实例,但是为了理解起来更简单,今天只谈委托不谈事件.先上一段代码: 下边的 ...
    
			
    10. 
						
  10. 学JAVA第八天，今天用循环做了个好玩的东西
			
    今天用for循环做了个打印矩形的图案 代码如下: package nf;class Kest{ public static void main(String args[]){ int a=30; in ...
    
			
    11.