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

	<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>
发布了40 篇原创文章 · 获赞 0 · 访问量 987

猜你喜欢

转载自blog.csdn.net/HXH_csdn/article/details/103702874