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>
上一篇: vue学习笔记——vue中获取元素样式
下一篇: 多态(事物存在的多种体现形态)