vue实现点击动态更换样式
vue有一个很大的优点就是不用操作dom,极大的提高了性能,就像下面的实现点击动态绑定样式这个功能,相比js和jq就精简了很多。html:<div class="type_div"><span class="type_item":class="{ active:index==typeActive }" v-for="(item, index) in types" @c...
·
vue有一个很大的优点就是不用操作dom,极大的提高了性能,就像下面的实现点击动态绑定样式这个功能,相比js和jq就精简了很多。
html:
<div class="type_div">
<span class="type_item" :class="{ active:index==typeActive }" v-for="(item, index) in types" @click="changeTypeColor(index)">{{item.msg}}</span>
</div>
通过:class来绑定类,利用typeActive变量来实现是否绑定该类
data:
typeActive: false,
methods:
changeTypeColor:function(index) {
this.typeActive=index;
},
css:
.active {
//设置自己想要的样式
}
更多推荐
已为社区贡献10条内容
所有评论(0)