一、动态添加class
举个列子如下,我需要用到的 class如下:
- <style>
- .red{color: skyblue;}
- .thin{font-weight: 200;}
- .italic{font-style: italic;}
- .active{letter-spacing: 0.5em}
- style>
我想动态添加class, 而不是手动写在某个标签里面。 这时候需要用到v-modal动态变量来绑定,根据v-modal的值判断是否够存在,动态去添加class类名。
1.第一种使用方式,直接传递一个数组,注意的 class需要使用 v-bind 做数据绑定,效果如下:
主要code:
<h1 v-if="flag" :class="['italic','red']">H1标签!!!h1>
全部code:
- <template>
- <div>
- <h1 v-if="flag" :class