惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Apple Machine Learning Research
Apple Machine Learning Research
爱范儿
爱范儿
博客园_首页
博客园 - 【当耐特】
V
Visual Studio Blog
博客园 - 叶小钗
月光博客
月光博客
美团技术团队
J
Java Code Geeks
小众软件
小众软件
Y
Y Combinator Blog
博客园 - Franky
Martin Fowler
Martin Fowler
博客园 - 聂微东
Microsoft Azure Blog
Microsoft Azure Blog
IT之家
IT之家
MyScale Blog
MyScale Blog
人人都是产品经理
人人都是产品经理
Microsoft Security Blog
Microsoft Security Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
阮一峰的网络日志
阮一峰的网络日志
酷 壳 – CoolShell
酷 壳 – CoolShell
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG

博客园 - A·DONG

简单图片上传系统 Appflowy cloud 部署测试避坑指南 使用AppflowyCloud搭建自己的笔记系统(个人知识库)-开篇 Vue知识整理17:免终端开发vue应用 Vue知识整理16:单文件组件 Vue知识整理15:组件注册 Vue知识整理14:组件基础 Vue知识整理13:表单输入绑定(v-model) Vue知识整理12:事件绑定 Vue知识整理11:列表渲染(v-for来实现) Vue知识整理10:条件渲染(v-if v-show) Vue知识整理8:条件、URL、点击 Vue知识整理7:vue中函数的应用 Vue知识整理6:JavaScript表达式 Vue知识整理5:v-bind绑定属性(Class 与 Style 绑定) Vue知识整理4:v-html标签 Vue知识整理3:v-once的使用 Vue知识整理2:Vue生命周期方法 Vue知识整理1:$watch方法的使用
Vue知识整理9:class与style绑定
A·DONG · 2019-10-03 · via 博客园 - A·DONG

1.v-bind:class:绑定class样式。通过控制isActive变量值来实现是否显示;通过.active样式设置背景颜色。

2.支持普通的class与v-bind绑定样式混合使用;

  v-bind中支持多个动态样式,例如增加一个green:isGreen动态样式;下面style中添加相应的样式。

这里在v-bind中也支持数组形式的样式名称,如下:

同时也支持三元运算,动态样式。

3.v-bind:style 中的style内联样式

也支持三元运算