vue 通过class属性绑定,为元素设置样式

最新推荐文章于 2022-09-30 15:19:35 发布

HXH_csdn

最新推荐文章于 2022-09-30 15:19:35 发布

阅读量606

点赞数

本文链接：https://blog.csdn.net/HXH_csdn/article/details/103702874

版权

	<h1 class="color size let">通过属性绑定为元素设置样式</h1>
	
	<!--直接传递一个数组 注意: :class, 要是用冒号-->
	<h1 :class="['color', 'size', 'let']">通过属性绑定为元素设置样式</h1>
	
	<!--数组中使用三元运算-->
	<h1 :class="['color', 'size', flag?'let':'']">通过属性绑定为元素设置样式</h1>
	
	<!--在数组中 使用对象代替三元运算  提高代码可读性-->
	<h1 :class="['color', 'size', {let:flag}]">通过属性绑定为元素设置样式</h1>
	
	<!-- 传递对象  -->
	<h1 :class="{color:true, size:true, let:true}">通过属性绑定为元素设置样式</h1>