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. python：数据库连接操作入门
			
    模块 import pymssql,pyodbc 模块说明 pymssql和pyodbc模块都是常用的用于SQL Server.MySQL等数据库的连接及操作的模块,当然一些其他的模块也可以进行相应的 ...
    
			
    2. 
						
  2. Mongodb~Linux环境下的部署
			
    < mongodb服务脚本的制作> Mongodb这个文档型非关系型数据库,可以说它是最像关系型的了,之前大叔主要讲如何使用mongodb,而没有说过如何去部署和安装它,而今天大叔有必要讲 ...
    
			
    3. 
						
  3. 【转载】ASP.NET Core Web 支付功能接入 支付宝-电脑网页支付篇
			
    转自:http://www.cnblogs.com/essenroc/p/8627775.html 这篇文章将介绍ASP.NET Core中使用 开源项目 Payment,实现接入支付宝-电脑网页支付 ...
    
			
    4. 
						
  4. Docker系列06—基于容器制作镜像并上传到Docker Registry
			
    本文收录在容器技术学习系列文章总目录 1.制作镜像 1.1 镜像的生成途径 基于容器制作 dockerfile,docker build 本篇主要详细讲解基于容器制作镜像:基于dockerfile 制 ...
    
			
    5. 
						
  5. Mybatis学习（六）————— Spring整合mybatis
			
    一.Spring整合mybatis思路 非常简单,这里先回顾一下mybatis最基础的根基, mybatis,有两个配置文件 全局配置文件SqlMapConfig.xml(配置数据源,全局变量,加载映 ...
    
			
    6. 
						
  6. nodejs 搭建简易服务器
			
    www文件夹下 template文件夹下 server.js代码: const express=require('express'); const static=require('express-st ...
    
			
    7. 
						
  7. 常见六大Web安全攻防解析
			
    前言 在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷.如何才能更好地保护我们的数据?本文主要侧重于分析几种常见的攻击的类型以及防御的方法. 想阅读更多优质原创文章请猛 ...
    
			
    8. 
						
  8. 微信小程序异步请求问题
			
    微信小程序为了提高用户体验,提供的api大部分都是异步操作,除了数据缓存操作里面有一些同步操作.是提高了用户体验,但是在开发的时候, 就有点坑了,例如我要写一个公共方法,发起网络请求,去后台去一些数据 ...
    
			
    9. 
						
  9. linux部署二：网卡配置和Yum源的替换
			
    一,初次登陆: 1.登陆(用root登陆)(1).账户名root(2).密码 ....2.工作界面切换A.Ctrl + alt + F1 : 图形化界面B.Ctrl + alt + F2----F6  ...
    
			
    10. 
						
  10. 基本数据类型 int  float  str
			
    一.数字型1.整型 int======================================基本使用======================================1.用途 用来 ...
    
			
    11.