<span v-for="(list2,index) in lists2" :class="{'searchactive':ind2 === index}" @click="changeBgc2(index)" >{{list2}}</span>
//----------------------------------------------------------------------------
data(){
return {
ind:"",
}
},
methods:{
changeBgc2:function(index){
this.ind2=index;
},
}
//---------------------------------------------------------------------------------------
<style>
.searchactive {
border-radius: 4px;
line-height: 22px;
padding: 1.2px 10px;
text-align: center;
color: rgba(16, 142, 233, 1);
margin: 0 5px;
cursor: pointer;
border: 1px solid rgba(16, 142, 233, 1)!important;
}
</style>
vue 实现动态绑定class属性
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 今天遇见一个问题，要做类似下图效果， 样式的话，就是通过先给个背景图，然后在同样位置给一个用渐变属性改变的块，主要...
- Xamarin XAML语言教程构建ControlTemplate控件模板 控件模板ControlTemplate...
- 感谢百度前端技术学院带领我进步！谨以此文，记录我的学习过程~动态数据绑定 Vue的初学者一定对于数据的动态绑定并不...
