Vue 动态绑定CSS样式

想喝橙汁儿

于 2021-04-14 15:56:44 发布

阅读量1.2k

点赞数

分类专栏： css vue 文章标签： vue css

版权

37 篇文章

订阅专栏

12 篇文章

订阅专栏

这篇博客介绍了如何在Vue中使用v-bind:class指令动态地根据条件绑定CSS样式，并通过v-on:click监听点击事件来切换样式。示例展示了如何在div元素上绑定changeColor样式，并通过changeC变量控制其显示与隐藏。

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

绑定了changeColor样式,changeC是判断条件，根据条件changeC控制css加与不加


<div v-bind:class="{changeColor:changeC}" v-on:click="changeC=!changeC">
	<span>示例一</span>
</div>