在 Vue 3 中实现父子组件之间的动态样式传递（以背景色为例）
父组件通过 直接传值 传递 backgroundcolor 给子组件
父页面
<template>
<div>
<!-- 选项卡子组件 -->
<Child backgroundcolor="red"/>
</div>
</template>
子组件接收父组件传递的 backgroundcolor，并在渲染时根据条件（例如 label_index）使用它。
<div class="left_content">
<div
:style="{backgroundColor: label_index === index ? backgroundcolor : ''}"
>
</div>
</div>在子组件模板中，使用 :style 动态绑定 backgroundColor 样式。如果当前标签是选中的（label_index === index），那么背景颜色会使用父组件传递的 backgroundcolor 值（例如 'red'），否则不设置背景色（为空字符串 ''）。
原文地址：https://blog.csdn.net/weixin_58462329/article/details/144096395
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！