vue：父组件绑定样式传给子组件

转载于 2020-01-20 11:03:01 发布 · 2.5k 阅读

·

1

·

CC 4.0 BY-SA版权

原文链接：https://cn.vuejs.org/v2/guide/class-and-style.html

前端笔记专栏收录该内容

33 篇文章

订阅专栏

本文深入讲解Vue中如何使用样式绑定，包括对象语法和数组语法，以及CSS属性命名规范，帮助开发者掌握更灵活的样式控制技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、

2、将样式绑定到对象中传给子组件

对象语法：

<div :style="styleObject"></div>

data: {
  styleObject: {
    color: 'red',
    fontSize: '13px'
  }
}

数组语法：

<div :style="[baseStyles, overridingStyles]"></div>

注意事项：

CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用引号括起来) 来命名

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。