vue绑定样式、条件渲染
绑定样式有三种方法;1、类名绑定这里的类名有数据isActived决定;isActived为ture时,div类名为actived<div :class="{actived:isActived}"></div>2、数组绑定<div :class="[className1,className2]"></div>data:{cl...
·
绑定样式有三种方法;
1、类名绑定
这里的类名有数据isActived决定;isActived为ture时,div类名为actived
<div :class="{actived:isActived}"></div>
2、数组绑定
<div :class="[className1,className2]"></div>
data:{
className1:'className1',
className2:'className2'
}
3、内联样式绑定
<div :style="styleObj"></div>
data:{
styleObj:{
color:red
}
}
条件渲染:v-if、v-show
v-if 是对dom的操作,当show变量为false时,第一个div直接被从dom中删除,而第二个div只是display:none
<div v-if="show"></div>
<div v-show="show"></div>
更多推荐
已为社区贡献3条内容
所有评论(0)