首页 > 其他 > 详细

Vue知识整理9:class与style绑定

时间:2019-10-03 17:10:15      阅读:91      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

 

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

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

技术分享图片

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

技术分享图片

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

技术分享图片

 

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

技术分享图片

 

也支持三元运算

技术分享图片

 

Vue知识整理9:class与style绑定

原文:https://www.cnblogs.com/KKSoft/p/11619973.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!