欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-15 18:22:31
...
	<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>