vue动态设置class、style样式

vue动态设置class

//动态class对象
<div :class="{ 'isActive': true, 'blue': isBlue}"></div>
<div :class="{ active: isActive }"></div>

//动态class数组
<div :class="['is-active', isBlue ? 'blue' : '' ]"></div>

vue动态设置style

//动态style对象
<div :style="{ color: color, fontSize: '12px' }"></div>

//动态style数组
<div :style="[{ color: color, fontSize: '12px' }, { textAlign: 'center' }]"></div>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容