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 {
	//设置自己想要的样式
}
Logo

前往低代码交流专区

更多推荐